typescript - FEIL i multi ./styles.css i Angular 6

Jeg er ny på Angular 6. I prosjektet mitt fikk jeg følgende feil

 ERROR in multi ./node_modules/bootstrap/dist/css/bootstrap.min.css ./styles.css
Module not found: Error: Can't resolve 'C:\Users\User\e-CommerceWebsite\styles.css' in 'C:\Users\User\e-CommerceWebsite'

og nettleseren viser

cannot Get

angular.json

 "styles": [
          "./node_modules/bootstrap/dist/css/bootstrap.min.css",
          "styles.css"
        ],
        "scripts": [
          "./node_modules/jquery/dist/jquery.min.js",
          "./node_modules/popper.js/dist/popper.min.js",
          "./node_modules/bootstrap/dist/js/bootstrap.min.js"
        ]

styles.css

@import '~bootstrap/dist/css/bootstrap.min.css';
...
...
...

Henvist til dette: bootstrap kobler ikke til Angular 6?

Kan noen hjelpe meg med å fikse denne feilen.

Svar #1

I Angular 6 angular.json-filen, bruk bootstrap- eller font-awesome CSS-filen på denne måten vil løse problemet ditt.

   "styles": [
          {
            "input": "./node_modules/bootstrap/dist/css/bootstrap.min.css"
          },
          {
            "input": "./node_modules/font-awesome/css/font-awesome.min.css"
          },
          "src/styles.css"
        ],

Svar #2

Den tar i utgangspunktet feil sti. Vi må sette stien som ../node_modules/bootstrap/dist/css/bootstrap.min.css i stedet for node_modules/bootstrap/dist/css/bootstrap.min.css.

Relaterte artikler