在角度 2 中使用 ng-chart 的问题答案

【问题标题】：Problems using ng-chart in angular 2在角度 2 中使用 ng-chart 的问题
【发布时间】：2017-01-24 03:28:05
【问题描述】：

我已经使用 angular 2 一个星期了，我正在尝试安装 ng-charts，所以我跟着： https://github.com/valor-software/ng2-charts 当我执行 npm start 时，它不会在浏览器中加载任何内容，并且控制台会显示： chart.js:4 Uncaught ReferenceError: 要求未定义 (index):35 Error: Error: XHR error (404 Not Found) loading http://localhost:3000/node_modules/ng2-charts/ng2-charts(...)

我一直在寻找几个小时，我认为与将其添加到 system.config.js 相关我将此添加到地图： 'ng2-charts': 'node_modules/ng2-charts', 这对包裹： 'ng2-chart':{main: 'ng2-charts.js', defaultExtension: 'js' }

我读过的文档中的所有包都有一个 index.js，但 ng-charts 没有，所以我想我可以使用 ng2-charts.js

在说明中，他们说“System.js 包可以在 npm 包的包目录或 npm cdn 中找到”但我无法在谷歌上找到如何处理这些包......我也找不到任何更详细的说明关于如何安装它。对于这样的事情，我通常会发现我需要的所有东西都已经在某个地方得到了回答，我不知道今天发生了什么，我感到很失落:( .....

【问题讨论】：

我可以修复未找到错误的错误，system.config.js中的行没问题，但它仍然说chart.js:4 Uncaught ReferenceError: require is not defined

标签： angular systemjs

【解决方案1】：

我添加到地图中的东西

'ng2-charts'：'node_modules/ng2-charts'，

到包

'ng2-charts':{main: 'ng2-charts.js', defaultExtension: 'js' }

哪里都好

但在文档中他们说要像这样导入它：从 'ng2-charts/ng2-charts' 导入 { ChartsModule };

我只是这样导入它：从'ng2-charts'导入{ ChartsModule }；我重新启动 npm 并且它工作了

我认为他们应该在文档中说：“对于所有新手，不要这么傻，将这些行导入 system.config.js”

现在，是什么让它起作用并且我可以看到一个漂亮的图表，正在改变这个 src="node_modules/chart.js/src/chart.js" 为了这 src="node_modules/chart.js/dist/Chart.bundle.js"

在 index.html 中导入 chart.js 时

第二个不使用行requiere()...

【讨论】：