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

Issue

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:

1. npm install primeng --save
2. npm install @angular/animations --save
3. npm install Chart.js --save
4. 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"]
          },

Solution

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

Answered By - user5480425