如何使karma与网页包、Angular2和SASS项目一起工作?
我正在使用我的样式表作为SASS。一切都很完美,但当我尝试运行业力测试时,它失败了,给了我这个错误如何使karma与网页包、Angular2和SASS项目一起工作?,sass,angular,webpack,karma-jasmine,angular2-testing,Sass,Angular,Webpack,Karma Jasmine,Angular2 Testing,我正在使用我的样式表作为SASS。一切都很完美,但当我尝试运行业力测试时,它失败了,给了我这个错误 ERROR in ./src/app/widgets/message/messages.scss Module parse failed: d:\ui_widgets-A2\src\app\widgets\message\messages.scss Unexpected token (6:22) You may need an appropriate loader to handle this f
ERROR in ./src/app/widgets/message/messages.scss
Module parse failed: d:\ui_widgets-A2\src\app\widgets\message\messages.scss Unexpected token (6:22)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (6:22)
at Parser.pp.raise (d:\ui_widgets-A2\node_modules\acorn\dist\acorn.js:920:13)
at Parser.pp.unexpected (d:\ui_widgets-A2\node_modules\acorn\dist\acorn.js:1483:8)
at Parser.pp.semicolon (d:\ui_widgets-A2\node_modules\acorn\dist\acorn.js:1462:73)
at Parser.pp.parseExpressionStatement (d:\ui_widgets-A2\node_modules\acorn\dist\acorn.js:1976:8)
at Parser.pp.parseStatement (d:\ui_widgets-A2\node_modules\acorn\dist\acorn.js:1754:188)
at Parser.pp.parseTopLevel (d:\ui_widgets-A2\node_modules\acorn\dist\acorn.js:1648:21)
at Parser.parse (d:\ui_widgets-A2\node_modules\acorn\dist\acorn.js:1616:17)
at Object.parse (d:\ui_widgets-A2\node_modules\acorn\dist\acorn.js:882:44)
at Parser.parse (d:\ui_widgets-A2\node_modules\webpack\lib\Parser.js:902:15)
at DependenciesBlock.<anonymous> (d:\ui_widgets-A2\node_modules\webpack\lib\NormalModule.js:104:16)
at DependenciesBlock.onModuleBuild (d:\ui_widgets-A2\node_modules\webpack-core\lib\NormalModuleMixin.js:310:10)
at nextLoader (d:\ui_widgets-A2\node_modules\webpack-core\lib\NormalModuleMixin.js:275:25)
at d:\ui_widgets-A2\node_modules\webpack-core\lib\NormalModuleMixin.js:259:5
at Storage.finished (d:\ui_widgets-A2\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:38:16)
at d:\ui_widgets-A2\node_modules\graceful-fs\graceful-fs.js:78:16
at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:439:3)
@ ./src/app/widgets/message/message.component.ts 9:431-457
./src/app/widgets/messages/messages.scss中的错误
模块分析失败:d:\ui\u widgets-A2\src\app\widgets\messages\messages.scss意外令牌(6:22)
您可能需要适当的加载程序来处理此文件类型。
SyntaxError:意外令牌(6:22)
在Parser.pp.raise(d:\ui\u widgets-A2\node\u modules\acorn\dist\acorn.js:920:13)
位于Parser.pp.unexpected(d:\ui\u widgets-A2\node\u modules\acorn\dist\acorn.js:1483:8)
分号(d:\ui\u widgets-A2\node\u modules\acorn\dist\acorn.js:1462:73)
位于Parser.pp.parseExpressionStatement(d:\ui\U widgets-A2\node\u modules\acorn\dist\acorn.js:1976:8)
在Parser.pp.parseStatement(d:\ui\u widgets-A2\node\u modules\acorn\dist\acorn.js:1754:188)
在Parser.pp.parseTopLevel(d:\ui\u widgets-A2\node\u modules\acorn\dist\acorn.js:1648:21)
在Parser.parse(d:\ui\u widgets-A2\node\u modules\acorn\dist\acorn.js:1616:17)
在Object.parse(d:\ui\u widgets-A2\node\u modules\acorn\dist\acorn.js:882:44)
在Parser.parse(d:\ui\u widgets-A2\node\u modules\webpack\lib\Parser.js:902:15)
在DependenciesBlock。但似乎什么都不管用。我该怎么办?我建议您使用angular cli,因为您有很好的引导项目示例
但在这里,您可以找到一些关于您的问题的答案:
所以答案很简单,我有
{
test: /\.scss$/,
exclude: /node_modules/,
loaders: ['raw-loader', 'sass-loader']
}
在我的webpack.common.js
中,出于某种原因,我认为webpack.test.js
也得到了它,但事实证明,我也应该将它添加到webpack.test.js中,github的问题是关于项目本身的sass,而不是我的案例处理挂起62%,但如果我使用加载程序:['raw-loader'、'style-loader'、'css-loader'、'sass-loader'],正在进行处理,但没有加载scss-style。我有相关问题,如果您能提供帮助,请您调查一下?