An unhandled exception occurred: Script file ../node_modules/chart.js does not exist

Question

I'm trying to use PrimeNG on my Angular project,Iv created a new project and tried to start, but it give me this error, I did the following steps:

npm install primeng --save
npm install @angular/animations --save
npm install Chart.js --save
npm uninstall ng2-charts

I added ../node_modules/chart.js/dist/Chart.js in my Angular.json

When I try to run my project with ng serve, it gives me this following error :

An unhandled exception occurred: Script file ../node_modules/chart.js does not exist

Any help can be usefull, thanks.

Edit:

Here is a part of my 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"]
          },

We will need more information to help you on that, what is your code? How did you try to import chart.js? — oktapodia, Feb 25 '20 at 13:38
I did, I didnt write any code, I just tried to start my project after including these libraries... — YasuoHasaki, Feb 25 '20 at 13:46
Could you please provide the part of the angular.json were you added the library? — JanRecker, Feb 25 '20 at 13:50
This didn't work for me. If I remove it from scripts, the build will compile, but I get a runtime error on my page that "Chart" is not defined. — matt forsythe, Aug 31 '21 at 06:30

score 21 · Accepted Answer · 2020-05-06T15:31:46.903

21

You don't need the chartjs script in your angular json

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

And you can add typing to charjs with :

npm install --save @types/chart.js

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

edited May 06 '20 at 15:31

answered Feb 25 '20 at 14:42

2

Thanks a lot it worked, I was following a tutorial, they said that I should include that into my scripts, as u said I just removed `"../node_modules/chart.js/dist/Chart.js"` from Scripts on my `Angular.json` :) – YasuoHasaki Feb 25 '20 at 14:53
Great ,i’m glad to have helped :D – Feb 25 '20 at 15:13

score 2 · Answer 2 · answered May 06 '21 at 05:12

2

An unhandled exception occurred: Script file node_modules/chart.js/dist/Chart.min.js does not exist.

Just install using npm install chart.js --save

The problem will be fixed

answered May 06 '21 at 05:12

machariamwangi

41
5

score 0 · Answer 3 · answered Jul 26 '22 at 10:24

0

If you have chart.js already install you need to make sure that the route is the right one. I don't know why but for me I had two leading dots... i had to remove one of the leading dots and it worked just fine.

answered Jul 26 '22 at 10:24

Chris Golden

54
4

An unhandled exception occurred: Script file ../node_modules/chart.js does not exist

3 Answers3