未捕獲的ReferenceError：未定義require - 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

使用此頁面上的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

Answer 3

對於Angular CLI用戶 - >無需在angular-cli.json文件中添加此腳本，因為angular-cli應該打包ng2-charts lib（以及其他來自node_modules）並自動將其添加到index.html。

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

Answer 4

首先包括require.js文件，然后使用RequireJS 。 你可以在這里下載。

Answer 5

安裝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