时间戳

首页 > 解决方案 > 未能在 Angular 应用程序中找到“函数 scss 错误”

angular - 未能在 Angular 应用程序中找到“函数 scss 错误”

问题描述

我创建了一个全新的 angular 7 应用程序并使用 scss 安装它。构建应用程序后，我收到以下错误

我的style.scss类具有以下导入

@import '../node_modules/bootstrap/scss/bootstrap.scss';

我还可以在 bootstrap 文件夹下看到一个函数文件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 ??embedded!./src/styles.css) 模块构建失败（来自 ./node_modules/postcss-loader/src/index.js）：错误：无法在 [C:\Development\360-manager \src\WebUI2_0\manager-ui\node_modules\bootstrap\scss] 在 resolveModule.catch.catch (C:\Development\360-manager\src\WebUI2_0\manager-ui\node_modules\postcss-import\lib\resolve-id .js:35:13)

标签： angularsass

解决方案

使用@import "~bootstrap/scss/bootstrap"。参见：https ://webpack.js.org/loaders/sass-loader

控制@import usrl 在运行时解析给定的url。要从 node_modules 路径导入样式，请在其前面加上 ~。所以 @import "~bootstrap/scss/bootstrap" 从文件夹中导入所有内容： node_modules/bootstrap/scss/bootstrap

推荐阅读