我创建了一个全新的 angular 7 应用程序并使用 scss 安装了它。构建应用程序后,我收到以下错误
我的 style.scss 类有以下导入
@import '../node_modules/bootstrap/scss/bootstrap.scss';
我还可以看到node_modules
引导文件夹下的函数文件
./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(: 错误:无法在 中找到"函数" [C:\Development\360-manager\src\WebUI2_0\manager-uiode_modules\bootstrap\scss] at resolveModule.catch.catch (C:\Development\360-manager\src\WebUI2_0\manager-uiode_modules\postcss-import\lib\resolve-id.js:35:13(
使用 @import "~bootstrap/scss/bootstrap"
.
请参阅:https://webpack.js.org/loaders/sass-loader
控制@import URL
解析运行时中的给定 URL。要从node_modules路径导入样式,请为其添加 ~
前缀。因此,@import "~bootstrap/scss/bootstrap"
从文件夹中导入所有内容:node_modules/bootstrap/scss/bootstrap
当我的项目配置为使用 css 时出现此错误。请考虑先将其更改为 scss。如何在这里找到