在Angular CLI中编译Sass时出错

由于某些原因，角度cli不能编译sass文件。这是我顶嘴文件：在Angular CLI中编译Sass时出错

/* You can add global styles to this file, and also import other style files */ 

/* Variáveis */ 
$bodyColor: #f1f1f1; 

body { background: $bodyColor; margin: 0px; } 

header{ background-color: #FFF059; width:100%; height: 54px; border-bottom: 1px solid #D9D9D9; } 

.logo{ margin-top:4px; }

这这里是在控制台中提出的错误：

ERROR在./~/css-loader?{"sourceMap":false,"importLoaders“：！1} ./〜/ postcss装载机{ “标识”： “postcss”} ./〜/上海社会科学院装载机/ lib目录/ loader.js { “sourceMap”！？假的， “精确”：8“的includepaths “：[]}！./ src/styles.sass 模块构建失败： .logo {margin-top：4px; } ^ “... rgin-top：4px;}”后面的CSS无效：预期1个选择器或at-rule，在{Users}/{{}} /user/danielswater/Documents/MercadoLivre/src/styles.sass第10行，列26） @ ./src/styles.sass 4：14-187 @多./src/styles.sass

有什么不对？这将是与角CLI

来源

2017-08-03 Daniel Swater

你在你的组件CSS属性或像一个全局CSS使用它 –

我都面临着类似的问题，一个问题angular2

首先，你需要确保，你.angular-cli.json有.scss作为defaut风格的延伸。

"defaults": { 
    "styleExt": "css", 
    "component": {} 
    }

Aftet，我手动安装node-sass和sass-loader其固定我的错误

npm i -D node-sass sass-loader

来源

2017-08-03 11:48:44

你必须包括你的SCSS文件如在.angular-cli.json文件“bootstrap.scss”如下：

"apps": [ 
{ 

... 

"styles": [ 
    "../node_modules/bootstrap/scss/bootstrap.scss", 
    "styles.css" 
], 
"scripts": [ 
    "../node_modules/bootstrap/dist/js/bootstrap.min.js" 
] 

... 

} 
]

，然后重新启动

ng serve

来源

2017-11-11 16:01:18 dataphile

在Angular CLI中编译Sass时出错

回答

相关问题