未捕获的ReferenceError:未定义require – Chart.js

我使用Chart.js(新版本):

 

但是当我在chrome中演示时,我收到一个错误:

 chart.js:4 Uncaught ReferenceError: require is not defined 

图片

在你的代码中,取而代之的是捆绑。 例如〜/ Plugin / Chart.js / dist / Chart.bundle.js

使用此页面上的Chart.bundle.min.js软件包: https ://cdnjs.com/libraries/Chart.js

https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.bundle.min.js

对于Angular CLI用户 – >无需在angular-cli.json文件中添加此脚本,因为angular-cli应该包含ng2-charts lib(以及其他来自node_modules)并自动将其添加到index.html。

https://github.com/valor-software/ng2-charts/issues/832

用Bower安装后我遇到了同样的问题。

https://github.com/jtblin/angular-chart.js/issues/466中提出的解决方案是获取特定版本的chart.js和angular-chart.js(使用角度1.4.0进行测试)

如果你使用Bower,请在你的bower.json中试试

 "chart.js": "npm:chart.js#2.1.0", "angular-chart.js": "1.0.1" 

然后运行: bower install


如果npm:chart.js不适合您,则需要使用解析器。

1-添加到.bowerrc:

 { "resolvers": [ "bower-npm-resolver" ] } 

2-安装bower-npm-resolver

 npm install -g bower-npm-resolver 

3-现在再次运行bower install

首先包括require.js文件,然后使用RequireJS 。 你可以在这里下载。