在React组件中导入资产(例如,从“../../../assets/img/logo.png”导入徽标)会出现此类错误
({“Object . ”:function(module,exports,require,__ dirname,__ filename,global,jest){ PNG语法错误:ScriptTransformer._transformAndBuildScript中的无效或意外的令牌(node_modules / jest-runtime / build / script_transformer.js: 305:17)
我的开玩笑配置是
"jest": {
"testRegex": ".*\\.spec\\.js$",
"moduleFileExtensions": [
"js",
"jsx",
"json"
],
"moduleDirectories": [
"node_modules",
"src",
"assets"
],
"moduleNameMapper": {
"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$/": "<rootDir>/__mocks__/fileMock.js",
"\\.(css|less|scss)$": "<rootDir>/__mocks__/styleMock.js"
},
"verbose": true,
"bail": true
}
我错过了什么?
1 回答
如果你想在webpack中使用jest,你需要明确地配置它 . 在这里查看本指南:http://facebook.github.io/jest/docs/en/webpack.html