0
这是我的功能模块的NgModule:错误,关于styleUrls数组声明的SCSS文件
@NgModule({
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule
],
declarations: [
CustomCardComponent,
StyledDirective
],
exports: [CustomCardComponent]
})
export class CustomCardModule {}
组件内部:
import {Component, OnInit, Input} from '@angular/core';
others imports
@Component({
selector: 'my-custom-card',
templateUrl: './custom-card.component.html',
styleUrls: ['./custom-card.component.scss']
})
export class CustomCardComponent implements OnInit { ... }
错误是关于我使用styleUrls数组声明的.scss文件,如果我将其删除组件工程,另一方面我得到此错误:
/~/css-loader?sourceMap!./~/postcss-loader!./~/sass-loader!./~/raw-loader!./~/postcss-loader!./~/sass-loader!./src/myModules/custom-card-fmodule/custom-card.component.scss
Module build failed:
$cardWidth: 220px;
^
Invalid CSS after "module.exports": expected "{", was '= ".panel-default >'
in /Users/MyName/Development/Angular2/signup-app/src/myModules/custom-card-fmodule/custom-card.component.scss (line 1, column 15)
Error:
$cardWidth: 220px;
^
Invalid CSS after "module.exports": expected "{", was '= ".panel-default >'
in /Users/MyName/Development/Angular2/signup-app/src/myModules/custom-card-fmodule/custom-card.component.scss (line 1, column 15)
at options.error (/Users/MyName/Development/Angular2/signup-app/node_modules/node-sass/lib/index.js:292:26)
@ ./src/myModules/custom-card-fmodule/custom-card.component.scss 4:14-339
但.scss文件没有任何错误,并且这仅发生在我的自定义模块中,它对所有其他组件(非功能模块)都是完美的。