nvd3不是已知的元件

LineGraph.module.ts

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { LineGraph } from './LineGraph.component'; 
import { NvD3Component } from 'ng2-nvd3'; 



@NgModule({ 
    imports:  [ BrowserModule ], 
    declarations: [ LineGraph,NvD3Component], 
    bootstrap: [ LineGraph ], 
    exports: [ 
    NvD3Component 
    ] 
}) 
export class LineGraphModule { 
}

組件文件看起來像

import { Component, OnInit ,Input } from '@angular/core'; 
import { NvD3Component } from 'ng2-nvd3'; 
declare let d3: any; 

@Component({ 
    selector: 'linegraph', 
    styleUrls: ['./LineGraph.css'], 
    templateUrl: 'LineGraph.html' 
}) 



export class LineGraph { 
    @Input() name: string; 


}

angular.cli.json是

{ 
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json", 
    "project": { 
    "name": "ng2-admin" 
    }, 
    "apps": [ 
    { 
     "root": "src", 
     "outDir": "dist", 
     "assets": [ 
     "assets", 
     "favicon.ico" 
     ], 
     "index": "index.html", 
     "main": "main.ts", 
     "polyfills": "polyfills.ts", 
     "test": "test.ts", 
     "tsconfig": "tsconfig.app.json", 
     "testTsconfig": "tsconfig.spec.json", 
     "prefix": "app", 
     "styles": [ 
     "../node_modules/roboto-fontface/css/roboto/sass/roboto-fontface.scss", 
     "../node_modules/normalize.css/normalize.css", 
     "../node_modules/font-awesome/scss/font-awesome.scss", 
     "../node_modules/ionicons/scss/ionicons.scss", 
     "../node_modules/bootstrap/scss/bootstrap.scss", 
     "../node_modules/leaflet/dist/leaflet.css", 
     "../node_modules/chartist/dist/chartist.css", 
     "../node_modules/fullcalendar/dist/fullcalendar.css", 
     "../node_modules/handsontable/dist/handsontable.full.css", 
     "../node_modules/ng2-slim-loading-bar/style.css", 
     "app/theme/theme.scss", 
     "styles.scss" 
     ], 
     "scripts": [ 
     "../node_modules/jquery/dist/jquery.js", 
     "../node_modules/easy-pie-chart/dist/jquery.easypiechart.js", 
     "../node_modules/jquery-slimscroll/jquery.slimscroll.js", 
     "../node_modules/tether/dist/js/tether.js", 
     "../node_modules/bootstrap/dist/js/bootstrap.js", 
     "../node_modules/handsontable/dist/handsontable.full.js", 
     "../node_modules/chroma-js/chroma.js" 
     ], 
     "environmentSource": "environments/environment.ts", 
     "environments": { 
     "dev": "environments/environment.ts", 
     "prod": "environments/environment.prod.ts" 
     } 
    } 
    ], 
    "e2e": { 
    "protractor": { 
     "config": "./protractor.conf.js" 
    } 
    }, 
    "lint": [ 
    { 
     "project": "src/tsconfig.app.json" 
    }, 
    { 
     "project": "src/tsconfig.spec.json" 
    }, 
    { 
     "project": "e2e/tsconfig.e2e.json" 
    } 
    ], 
    "test": { 
    "karma": { 
     "config": "./karma.conf.js" 
    } 
    }, 
    "defaults": { 
    "styleExt": "scss", 
    "component": { 
    } 
    } 
}

和html文件le是

<div class="graph-cont"> 
    <nvd3 options="options" data="data"></nvd3> 

</div>

選項和數據已在組件文件中提供。它不斷顯示。不是已知的元素。我按照這個例子on it's offical website 模塊名稱是ng2-nvd3。謝謝錯誤使用進口{} nvD3

錯誤使用C後：/Users/ASUS/Documents/ng2-admin/node_modules/ng2-nvd3/typings/globals/d3/index.d.ts（7 ，16）：無法重新聲明導出的變量'version'。

C：/Users/ASUS/Documents/ng2-admin/node_modules/ng2-nvd3/typings/globals/d3/index.d.ts（424,17）中的錯誤：重複標識符'Primitive'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/node_modules/ng2-nvd3/typings/globals/d3/index.d.ts（949,16）：無法重新聲明導出的變量'event'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/node_modules/ng2-nvd3/typings/globals/d3/index.d.ts（1118,16）：無法重新聲明導出的變量'bisect'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/node_modules/ng2-nvd3/typings/globals/d3/index.d.ts（1381,16）：無法重新聲明導出的變量'rgb'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/node_modules/ng2-nvd3/typings/globals/d3/index.d.ts（1402,16）：無法重新聲明導出的變量'hsl'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/node_modules/ng2-nvd3/typings/globals/d3/index.d.ts（1423,16）：無法重新聲明導出的變量'hcl'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/node_modules/ng2-nvd3/typings/globals/d3/index.d.ts（1440,16）：無法重新聲明導出變量'lab'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/node_modules/ng2-nvd3/typings/globals/d3/index.d.ts（1460,16）：無法重新聲明導出的變量'color'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/node_modules/ng2-nvd3/typings/globals/d3/index.d.ts（1740,16）：無法重新聲明導出的變量'插入器'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/node_modules/ng2-nvd3/typings/globals/d3/index.d.ts（2671,16）：無法重新聲明導出的變量'csv'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/node_modules/ng2-nvd3/typings/globals/d3/index.d.ts（2672,16）：無法重新聲明導出的變量'tsv'。

C：/Users/ASUS/Documents/ng2-admin/node_modules/ng2-nvd3/typings/globals/d3/index.d.ts（3231,18）中的錯誤：重複的標識符'填充'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/node_modules/ng2-nvd3/typings/globals/d3/index.d.ts（3372,5）：重複的標識符'export ='。

錯誤在C：/Users/ASUS/Documents/ng2-admin/node_modules/ng2-nvd3/typings/globals/nvd3/index.d.ts（3404,5）：重複標識符'export ='。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/LineGraph/LineGraph.module.ts（4,10）：Module'「C：/ Users/ASUS/Documents/ng2-admin/node_modules/ng2-nvd3/build/index「'沒有導出成員'nvD3'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/d3/index.d.ts（7,16）：無法重新聲明導出變量'版本'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/d3/index.d.ts（48,13）：重複的數字索引簽名。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/d3/index.d.ts（424,17）：重複的標識符'原始'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/d3/index.d.ts（441,9）：重複的數字索引簽名。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/d3/index.d.ts（949,16）：無法重新聲明導出變量'事件'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/d3/index.d.ts（1118,16）：無法重新聲明導出變量'bisect'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/d3/index.d.ts（1381,16）：無法重新聲明導出變量'rgb'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/d3/index.d.ts（1402,16）：無法重新聲明導出變量'hsl'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/d3/index.d.ts（1423,16）：無法重新聲明導出變量'hcl'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/d3/index.d.ts（1440,16）：無法重新聲明導出變量'lab'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/d3/index.d.ts（1460,16）：無法重新聲明導出變量'color'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/d3/index.d.ts（1489,9）：重複的字符串索引簽名。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/d3/index.d.ts（1740,16）：無法重新聲明導出變量「插值器」。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/d3/index.d.ts（2671,16）：無法重新聲明導出變量'csv'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/d3/index.d.ts（2672,16）：無法重新聲明導出變量'tsv'。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/d3/index.d.ts（3231,18）：重複的標識符'填充'。

C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/d3/index.d.ts（3372,5）中的錯誤：重複標識符'出口='。

C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/typings/globals/nvd3/index.d.ts（3404,5）中的錯誤：重複標識符'出口='。

錯誤在C：/Users/ASUS/Documents/ng2-admin/src/app/pages/company/ng2-nvd3/node_modules/rxjs/src/observable/dom/AjaxObservable.ts（249,7）：類型'字符串'不可分配爲鍵入'XMLHttpRequestResponseType'。

來源

2017-06-17 Siddharth Verma

安置自己的system.config.js – Sajeetharan

@Sajeetharan我新來angular2 made和angular2項目。是否angular-cli.json與您所要求的相同？ –

是這裏張貼 – Sajeetharan

嘗試添加這些到index.html文件

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/nvd3/1.8.4/nv.d3.min.css"/> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/nvd3/1.8.4/nv.d3.min.js"></script>

和替代import { NvD3Component } from 'ng2-nvd3';

使用

import {nvD3} from 'ng2-nvd3'

來源

2017-06-17 13:25:35 Sajeetharan

@sajeentharan。感謝您的迴應。現在在控制檯中出現了一堆關於d3和nvd3的錯誤。 –

什麼錯誤是 – Sajeetharan

添加到帖子 –

nvd3不是已知的元件

回答

相關問題