Angular-cli and webpack error

Question

I've added bootstrap to an Angular app created with Angular-CLI (ng new), after adding bootstrap to the project and referencing it from my .angular-cli.json file - ng serve wouldn't run.

ERROR LOG

ERROR in multi ./src/styles.css C:/server/node_modules/bootstrap/dist/css/bootstrap.css
Module not found: Error: Can't resolve 'C:\server\node_modules\bootstrap\dist\css\bootstrap.css' in 'C:\dev\mean\ems-mean\client\node_mod
ules\@angular\cli\models\webpack-configs'
resolve 'C:\server\node_modules\bootstrap\dist\css\bootstrap.css' in 'C:\dev\mean\ems-mean\client\node_modules\@angular\cli\models\webpac
k-configs'
  using description file: C:\dev\mean\ems-mean\client\node_modules\@angular\cli\package.json (relative path: ./models/webpack-configs)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: C:\dev\mean\ems-mean\client\node_modules\@angular\cli\package.json (relative path: ./models/webpack-confi
gs)
    No description file found
    no extension`enter code here`
      Field 'browser' doesn't contain a valid alias configuration
      C:\server\node_modules\bootstrap\dist\css\bootstrap.css doesn't exist
    .ts
      Field 'browser' doesn't contain a valid alias configuration
      C:\server\node_modules\bootstrap\dist\css\bootstrap.css.ts doesn't exist
    .js
      Field 'browser' doesn't contain a valid alias configuration
      C:\server\node_modules\bootstrap\dist\css\bootstrap.css.js doesn't exist
    as directory
          C:\server\node_modules\bootstrap\dist\css\bootstrap.css doesn't exist
    [C:\server\node_modules\bootstrap\dist\css\bootstrap.css\package.json]
    [C:\server\node_modules\bootstrap\dist\css\bootstrap.css]
    [C:\server\node_modules\bootstrap\dist\css\bootstrap.css.ts]
    [C:\server\node_modules\bootstrap\dist\css\bootstrap.css.js]
    [C:\server\node_modules\bootstrap\dist\css\bootstrap.css]
     @ multi ./src/styles.css C:/server/node_modules/bootstrap/dist/css/bootstrap.css

@M98 Thanks for your feedback. That seemed to do the trick

CodeTzu
– CodeTzu

2017-10-16 09:11:56 +00:00
Commented Oct 16, 2017 at 9:11 — CodeTzu
– CodeTzu, Commented Oct 16, 2017 at 9:11

Mohammad Kermani · Accepted Answer · 2017-10-16 09:05:33Z

1

The problem is that you can't provide the absolute addresses to the module, try this:

  "../node_modules/bootstrap/dist/css/bootstrap.css"

answered Oct 16, 2017 at 9:05

Mohammad Kermani

5,4368 gold badges39 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular-cli and webpack error

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related