web-dev-qa-db-ja.com

キャッチされないReferenceError：requireは定義されていません-Chart.js

Chart.js（新しいバージョン）を次のように使用します：

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

しかし、クロムでデモすると、エラーが発生します：

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

画像

javascriptjqueryjquery-pluginschart.js
12
Ken.N

コードでは、代わりにバンドルをプルします。例：〜/ Plugin/Chart.js/dist/Chart.bundle.js

46
derp

このページにある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

6
James

Angular CLIユーザー-> angle-cli.jsonファイルにこのスクリプトを追加する必要はありません。これは、angular-cliがng2-charts lib（およびnode_modulesのその他）をパックして自動的に追加するためです。あなたのindex.htmlに。

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

3
himanshupareek66

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を実行します

0
rafahoro

最初にrequire.jsファイルをインクルードしてから、RequireJSを使用します。 こちら をダウンロードできます。

0
scsiva1991