发生未处理的异常：脚本文件../node_modules/chart.js不存在。

Question

我正在尝试在我的Angular项目中使用PrimeNG，我创建了一个新项目并尝试启动它，但是它给我这个错误，我执行了以下步骤：

1. npm install primeng --save
2. npm install @angular/animations --save
3. npm install Chart.js --save
4. npm uninstall ng2-charts

我在Angular.json中添加了../node_modules/chart.js/dist/Chart.js

当我尝试用ng serve运行我的项目时，它会给我以下错误：

未处理的异常：脚本文件 ../node_modules/chart.js 不存在

任何帮助都可以，谢谢。

编辑：

这是我的 Angular.json 的一部分：

"architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist/YarbiTkhdem",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.app.json",
            "aot": true,
            "assets": ["src/favicon.ico", "src/assets"],
            "styles": ["src/styles.css"],
            "scripts": ["../node_modules/chart.js/dist/Chart.js"]
          },

- YasuoHasaki

---

我们需要更多信息来帮助您解决问题，您的代码是什么？您尝试如何导入chart.js？ - oktapodia

我没有写任何代码，只是在包含这些库之后尝试启动我的项目。 - YasuoHasaki

请问您能提供您在angular.json中添加库的部分吗？ - JanRecker

是的，当然。我现在会编辑这个问题。 - YasuoHasaki

这对我没用。如果我从脚本中删除它，构建将会编译，但是我的页面上会出现一个运行时错误，指出“Chart”未定义。 - matt forsythe

Answer 1

你不需要在你的angular json文件中引入chartjs脚本。

"scripts": ["../node_modules/chart.js/dist/Chart.js"]

你可以通过以下方式为charjs添加类型：

npm install --save @types/chart.js

https://www.npmjs.com/package/@types/chart.js

- user5480425

---

非常感谢，它起作用了。我一直在跟着教程走，他们说我应该将其包含到我的脚本中，就像你说的那样，我只是从我的 Angular.json 脚本中删除了 "../node_modules/chart.js/dist/Chart.js" :) - YasuoHasaki

太好了，我很高兴能帮上忙:D - user5480425

Answer 2

出现未处理的异常：脚本文件 node_modules/chart.js/dist/Chart.min.js 不存在。

只需使用 npm install chart.js --save 进行安装即可解决问题。

- machariamwangi

Answer 3

如果您已经安装了 chart.js，请确保路径是正确的。我不知道为什么，但对我来说，我有两个前导点...我必须删除其中一个前导点，然后它就可以正常工作了。

- Chris Golden