因果报应-找不到模块:错误:无法解析模块'scs'
Karma - Module not found: Error: Cannot resolve module 'scss'
我有一个模块,我想为它编写一个测试。我使用webpack来转换它,因为我在ES6中编写它。
文件(app.js)的启动方式如下:
import template from './app.html'; // pulls in the template for this component
import './app.scss'; // pulls in the styles for this component
但是当我运行测试时,我得到一个错误,app.scss没有找到
ERROR in ./src/app.js
Module not found: Error: Cannot resolve module 'scss' in /Users/.../src
@ ./src/app.js 11:0-21
13 05 2016 10:38:52.276:INFO [..browserinfo..]: Connected on socket /#KYFiNbOR-7lqgc9qAAAA with id 63011795
(browser) ERROR
Uncaught Error: Cannot find module "./app.scss"
at /Users/.../spec.bundle.js:34081 <- webpack:///src/app.js:4:0
Finished in 0.241 secs / 0 s
测试开始如下:
import angular from 'angular';
import header from './app.js'; // error occurs here cause .scss file is not recognized
describe('my module', () => {
let $rootScope, makeController;
// testing stuff
});
我的karma.conf.js文件包括以下内容:
webpack: {
devtool: 'inline-source-map',
module: {
loaders: [
{ test: /'.js/, exclude: [/app'/lib/, /node_modules/], loader: 'babel' },
{ test: /'.html/, loader: 'raw' },
{ test: /'.scss/, loader: 'style!css!scss' },
{ test: /'.css$/, loader: 'style!css' }
]
}
}
如何让karma/webpack正确读取scss文件并运行测试?
问题是打字错误:
scss
应该是sass
webpack: {
module: {
loaders: [
...,
{ test: /'.scss/, loader: 'style!css!sass' },
...
]
}
}
相关文章:
- Javascript,访问一个主要对象模块模式中的每个对象
- 节点Js:How to catch a“;没有这样的文件或目录“;读取线模块出错
- 如何从模块链中调用函数.导出到节点中
- 尽管链接成功并已成功下载,但未找到NPM模块
- 节点是否需要模块传递带有方括号的arg?这是个错误吗
- 从模块内部访问Express装载路径
- RequireJS向模块传递配置总是返回undefined
- Node.js正在更改应用程序以使用集群模块
- 在Meteor项目中安装并包含npm模块后出错
- 模块模式和这个
- 将依赖外部库的UMD模块与browserfy捆绑在一起
- 找不到模块捆绑包
- JavaScript命名约定;静态“;类或模块
- 显示模块模式在Knockout中设置模型的新实例
- 有没有比在app.js上绑定模块名称更好的方法来动态加载视图模型和视图以显示模态
- Javascript模块系统I'I’我正在努力,但搞不明白
- 如何捆绑循环相关模块
- 如何捆绑commonjs模块,除非指定需要
- 错误:$injector:modulerr模块错误(我的第一个SPA应用程序)
- 因果报应-找不到模块:错误:无法解析模块'scs'