Как я могу решить этот код ошибки в угловых начальной загрузки?

Question

1- в "app.compomnet.html" Я использую код шаблона стартера https://getbootstrap.com/docs/4.3/examples/starter-template/

2 - я установил bootsrap4 "npm I bootstap @ 4 --save" в терминале

3- Я добавляю эти ссылки в style.css

4- в style.css '@import'~/bootstrap/dist/css/bootstrap.css'

5- Я пытался набрать ' ng s --o ', эта ошибка произошла.

[! [Сообщение об ошибке в терминале] [1]] [1]

Я пытался проверить, правильный ли код в style.css или нет "@ import '~ / bootstrap / dist / css / bootstrap.css' может кто-нибудь уточнить ошибку

[1]: сообщение об ошибке в строках

ОШИБКА в ./src/styles.css (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js! ./ node_modules / postcss-loader / src ?? встроенный! ./ src / styles.css) Сбой сборки модуля (из ./node_modules/postcss-loader/src/index.js): Ошибка: ENOENT: нет такого файла или каталога, откройте '\ bootstrap \ dist \ css \ bootstrap.css' в Object.openSync (fs.js: 438: 3) вObject.readFileSync (fs.js: 343: 35) в Storage.provideSync (D: \ shopping-cart \ node_modules \ advanced-resol \ lib \ CachedInputFileSystem.js: 98: 13) в CachedInputFileSystem.readFileSync (D: \ shopping-cart \ node_modules \ extended-resolve \ lib \ CachedInputFileSystem.js: 259: 32) в Observable.rxjs_1.Observable.obs [как _subscribe] (D: \ shopping-cart \ node_modules @ ngtools \ webpack \ src \ webpack-input-host.js: 35: 51) в Observable._trySubscribe (D: \ shopping-cart \ node_modules \ rxjs \ internal \ Observable.js: 44: 25) в Observable.subscribe (D: \ shopping-cart \ node_modules \ rxjs \internal \ Observable.js: 30: 22) в SyncDelegateHost._doSyncCall (D: \ shopping-cart \ node_modules @ angular-devkit \ core \ src \ virtual-fs \ host \ sync.js: 22: 20) в SyncDelegateHost.read(D: \ shopping-cart \ node_modules @ angular-devkit \ core \ src \ virtual-fs \ host \ sync.js: 49: 21) в WebpackCompilerHost.readFileBuffer (D: \ shopping-cart \ node_modules @ ngtools \ webpack \src \ compiler_host.js: 125: 44) в VirtualFileSystemDecorator.readFile (D: \ shopping-cart \ node_modules @ ngtools \ webpack \ src \ virtual_file_system_decorator.js: 39: 54) в Promise (D: \ shopping-cart \ node_modules @ angular-devkit \ build-angular \ src \ angular-cli-files \ models \ webpack-configs \ styles.js: 47: 35) в новом Promise () в Object.load (D: \ shopping-cart \ node_modules @ angular-devkit \ build-angular \ src \ angular-cli-files \ models \ webpack-configs \ styles.js: 46: 28) в loadImportContent (D: \ shopping-cart \ node_modules \ postcss-import \ index.js: 236: 34) в Promise.all.resolved.map.file (D: \ shopping-cart \ node_modules \ postcss-import \ index.js: 210: 18) [0м

Answer 1

Добавьте это к вашему style.css

@ import "~ bootstrap / dist / css / bootstrap.css";

Answer 2

вам нужно добавить bootsrap в angular.json

// scroll down to the style section and add bootstrap line below
            "styles": [
              "src/styles.scss",
              "node_modules/bootstrap/dist/css/bootstrap.min.css"
            ],