Uncaught ReferenceError : require is not defined - Chart.js

Question

我使用Chart.js（新版本）作为：

<script src="~/Plugin/Chart.js/src/chart.js"></script>

但是当我在 chrome 中演示时，出现错误：

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

Answer 1

在您的代码中，拉取捆绑包。例如~/Plugin/Chart.js/dist/Chart.bundle.js

Answer 2

首先包含 require.js 文件，然后使用 RequireJS。您可以下载here。

Answer 3

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

https://github.com/jtblin/angular-chart.js/issues/466 中提出的解决方案是获取 chart.js 和 angular-chart.js 的特定版本（使用 angular 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 再

Answer 4

使用在此页面上找到的 Chart.bundle.min.js 捆绑包：https://cdnjs.com/libraries/Chart.js

Answer 5

对于 Angular CLI 用户 -> 无需在 angular-cli.json 文件中添加此脚本，因为 angular-cli 应该打包 ng2-charts lib （以及 node_modules 中的其他内容）并将其自动添加到您的 index.html。

javascript