如何修复";语法错误:@import";令牌无效或意外? [英] How to fix "SyntaxError: Invalid or unexpected token @import"?
本文介绍了如何修复";语法错误:@import";令牌无效或意外?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试将JEST和酶添加到Reaction webpack项目中。
一切正常,直到我向组件添加测试,并使用样式表导入Google字体。
我得到的错误是:
● Test suite failed to run
/Users/dev/Code/Git/react-redux-webpack/src/App.sass:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed')
^
SyntaxError: Invalid or unexpected token
sass文件如下所示:
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed')
body
background: #f9f9f9
color: #444444
font-family: 'Barlow Condensed', sans-serif
text-align: center
.container
width: 100%
max-width: 960px
margin: 0 auto
.container__logo--image
position: absolute
top: 50%
left: 50%
margin-left: -75px
margin-top: -75px
我的.babelrc:
{
"presets": [
"react",
"stage-0",
[
"env",
{
"targets": {
"node": "6.10",
"browsers": ["last 2 versions", "safari >= 7"]
}
}
]
],
"plugins": ["transform-class-properties"]
}
我在webpack有所有需要的装载机,我可以整天建造和服务于SAS,没有任何问题。我正在为笑话的介绍而苦苦挣扎。
我在此推送了具有当前代码状态的分支https://github.com/nombienombie/react-redux-webpack/tree/feature/jest-unit-tests
推荐答案
我在包中添加了以下内容。json:
"jest": {
"moduleNameMapper": {
"\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
"\.(css|sass)$": "<rootDir>/__mocks__/styleMock.js"
}
},
并在模拟文件夹中添加了以下内容:
fileMock.js
module.exports = 'test-file-stub';
style Mock.js
module.exports = {}
这篇关于如何修复";语法错误:@import";令牌无效或意外?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文