首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >angular2 ng2-nvd3:无法加载模块

angular2 ng2-nvd3:无法加载模块
EN

Stack Overflow用户
提问于 2016-09-06 15:26:24
回答 2查看 862关注 0票数 0

我正在尝试将example添加到angular2-quickstart项目中。在systemjs.config.js中定义地图ng2-nvd3

代码语言:javascript
复制
map: {
      // our app is within the app folder
      app: 'app',
     ...
      // other libraries
      'ng2-nvd3':                   'npm:ng2-nvd3/lib/ng2-nvd3'      
    },

app.module.ts

代码语言:javascript
复制
import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import {nvD3} from 'ng2-nvd3';

import { AppComponent }  from './app.component';
import { AppService }  from './app.service';

@NgModule({
  imports: [
    BrowserModule 
  ],
  declarations: [ 
    nvD3,
    AppComponent 
  ],
  bootstrap: [
    AppComponent 
  ]
})
export class AppModule { }

app.component.ts

代码语言:javascript
复制
import { Component, OnInit } from '@angular/core';
declare let d3: any;
import {nvD3} from 'ng2-nvd3';

@Component({
    selector: 'my-app',
    moduleId: module.id,
    templateUrl: 'app.component.html'
})
export class AppComponent implements OnInit {
...
}

index.html添加3行:

代码语言:javascript
复制
<script src="node_modules/d3/d3.min.js" charset="utf-8"></script>
    <link rel="stylesheet" href="node_modules/nvd3/build/nv.d3.min.css"/>
    <script src="node_modules/nvd3/build/nv.d3.min.js"></script>

来自浏览器的错误:

有什么想法吗?

EN

回答 2

Stack Overflow用户

发布于 2016-09-06 17:15:50

您是说NVD3的根脚本托管在这里的System.js配置:

'ng2-nvd3': 'npm:ng2-nvd3/lib/ng2-nvd3'

但正如我所看到的,您正在尝试从以下路径获取脚本:href="node_modules/nvd3/build/nv.d3.min.js"/>

尝试在system.config.js中更改

这一行:'ng2-nvd3': 'npm:ng2-nvd3/lib/ng2-nvd3'

关于这个:'ng2-nvd3': 'npm:ng2-nvd3/build/ng2-nvd3'

票数 0
EN

Stack Overflow用户

发布于 2016-12-12 23:48:20

systemjs.config.js中的映射不正确。您需要将其更改为以下内容:

代码语言:javascript
复制
'ng2-nvd3': 'npm:ng2-nvd3/build/lib/ng2-nvd3.js'
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39342984

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档