Angular 4 erreur de compilation

Question

J'ai juste utilisé npm install bootstrap @ suivant sur mon projet et ai eu l'erreur de compilation suivante. Je suis nouveau à angulaire.

Failed to compile.

./node_modules/ansi-html/index.js Module build failed: Error: ENOENT: no such file or directory, open 'D:\ projects\board\node_modules\ansi-html\index.js' @ (webpack)-dev-server/client/overlay.js 3:15-35 @ (webpack)-dev-server/client? http://localhost:4200 @ multi webpack-dev-server/client? http://localhost:4200 ./www/main.ts

lors de la compilation avec ng servent que je reçois:

Error: Cannot find module 'ansi-styles' 
at Function.Module._resolveFilename (module.js:527:15) 
at Function.Module._load (module.js:476:23) 
at Module.require (module.js:568:17) 
at require (internal/module.js:11:18) 
at Object.<anonymous> (D:\Users\ssarfraz\git projects\board\node_modules\@angular\cli\node_modules\chalk\index.js:3:20) 
at Module._compile (module.js:624:30) 
at Object.Module._extensions..js (module.js:635:10) 
at Module.load (module.js:545:32) 
at tryModuleLoad (module.js:508:12) 
at Function.Module._load (module.js:500:3) 

Answer 1

Vous devez utiliser npm install --save bootstrap ou npm install --save bootstrap@4.0.0 à la place. Et ne pas oublier d'inclure Bootstrap à votre .angular-cli.json:

"styles": [ 
    "../node_modules/bootstrap/dist/css/bootstrap.min.css", 
    "styles.css" 
], 

Et l'erreur:

Error: Cannot find module 'ansi-styles'

Il y a une solution ici: https://stackoverflow.com/a/25884689/6053654