Angular 如何解决角度引导ng serve中的此错误代码？

1-在“app.compomnet.html”中，我使用了一个初学者模板代码

2-我安装了bootsrap4“npm Ibootstap@4--终端中的“保存”

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\u modules/@angular devkit/build angular/src/angular cli files/plugins/raw css loader.js./node\u modules/postss loader/src？？embedded./src/styles.css）中出错 模块构建失败（来自./node\u modules/postss loader/src/index.js）： 错误：enoint:没有这样的文件或目录，请打开“\bootstrap\dist\css\bootstrap.css” 在Object.openSync（fs.js:438:3） 在Object.readFileSync（fs.js:343:35） 位于Storage.provideSync（D:\shopping cart\node\u modules\enhanced resolve\lib\CachedInputFileSystem.js:98:13） 在CachedInputFileSystem.readFileSync（D:\shopping cart\node\u modules\enhanced resolve\lib\CachedInputFileSystem.js:259:32） 在Observable.rxjs_1.Observable.obs[作为订阅]（D:\shopping cart\node_modules@ngtools\webpack\src\webpack input host.js:35:51） 在可观察时。尝试订阅（D:\shopping cart\node\u modules\rxjs\internal\Observable.js:44:25） 在Observable.subscribe（D:\shopping cart\node\u modules\rxjs\internal\Observable.js:30:22） 在SyncDelegateHost上。\u 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\u host.js:125:44） 位于VirtualFileSystemDecorator.readFile（D:\shopping cart\node_modules@ngtools\webpack\src\virtual\u file\u system\u decorator.js:39:54） 在承诺（D:\shopping cart\node）_modules@angular-devkit\build angular\src\angular cli files\models\webpack configs\styles.js:47:35） 在新的承诺（） 在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\u modules\postss import\index.js:236:34）

---

在Promise.all.resolved.map.file（D:\shopping cart\node\u modules\postsss import\index.js:210:18）[0m

您需要将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"
            ],

---

将此添加到您的style.css

---

@import”~bootstrap/dist/css/bootstrap.css“；

请复制并粘贴错误文本，而不是提供屏幕截图。搜索引擎不会在图像中抓取文本，因此人们不太可能找到您的问题。是的。这是解决方案。但为什么这是正确的。或者当我向下滚动并将其放在下面时。这是解决方案。请详细说明？