在角度应用程序中找不到'functions scss错误

时间:2019-02-13 08:00:02

标签: angular sass

我创建了一个全新的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-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)

2 个答案:

答案 0 :(得分:0)

使用@import“〜bootstrap / scss / bootstrap”。 参见:https://webpack.js.org/loaders/sass-loader

Control @import usrl在运行时解析给定的url。 要从node_modules路径导入样式,请在其前面加上〜。 因此,@import“〜bootstrap / scss / bootstrap”从文件夹中导入所有内容: node_modules / bootstrap / scss / bootstrap

答案 1 :(得分:0)

当我的项目配置为使用CSS时,收到此错误。考虑先将其更改为scss。如何找到here