升级到angular 7后如何修复styles.scss?

时间:2018-10-24 19:54:16

标签: angular angular7

我的Angular 6.1应用正在正常运行。

我升级到角度7。

现在在构建中,我会遇到这样的多个错误。

ERROR in ./src/styles.scss (./node_modules/@angular-devkit/build- 
angular/src/angular-cli-files/plugins/raw-css- 
loader.js!./node_modules/postcss-loader/lib??embedded!./node_modules/sass- 
loader/lib/loader.js??ref--14-3!./src/styles.scss)
Module Error (from ./node_modules/postcss-loader/lib/index.js):
(Emitted value instead of an instance of Error) CssSyntaxError: 
C:\Users\Markku\Documents\GitHub\crds-people\node_modules\crds- 
styles\assets\stylesheets\vendors\_timepicker.scss:18:24: Can't resolve 
'//crossroads-media.s3.amazonaws.com/images/chevron-up-blue.png' in 
'C:\Users\Markku\Documents\GitHub\crds-people\src'

16 |     }
17 |     &.glyphicon-chevron-up {
> 18 |       background-image: url(//linktomys3.amazonaws.com/images/chevron-up-blue.png);
     |                        ^
  19 |     }
  20 |   }

哪些变化影响了我的图形路径?

3 个答案:

答案 0 :(得分:1)

这是一个node-sass问题。要对其进行修复,请导航至终端中的项目文件夹,然后运行以下命令:

npm rebuild node-sass

答案 1 :(得分:0)

这是依赖关系问题,因此请更新您的依赖关系并修复不安全的依赖关系

1) npm audit fix  // fix insecure dependencies
2) npm install

答案 2 :(得分:0)

尝试使用以下命令:

npm install --save-dev --unsafe-perm node-sass