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

时间:2016-07-04 04:00:29

标签: javascript jquery jquery-plugins chart.js

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

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

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

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

Image

5 个答案:

答案 0 :(得分:46)

在你的代码中,改为拉取捆绑包。 E.g~ / Plugin / Chart.js / dist / Chart.bundle.js

答案 1 :(得分:6)

答案 2 :(得分:3)

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

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

答案 3 :(得分:0)

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

答案 4 :(得分:0)

使用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