javascript - 配置 Jest moduleNameMapper 不起作用

Question

我想应用一个 Jest 测试来 react 组件，我收到一个错误，上面写着:

Jest encountered an unexpected token

当我尝试:

import moment from 'moment';
import './style.css';   //<----here

我尝试模拟 css 文件和图像对象并更改配置:

// package.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|less)$": "<rootDir>/__mocks__/styleMock.js"
}
}
}

我的 styleMock.js 是:

module.exports = {};

我的 fileMock.js 是:

module.exports = 'test-file-stub';

但我仍然得到错误:

Jest encountered an unexpected token

并且错误与以前的位置相同。

我的 Jest 是最新版本“24.8.0”。

有谁知道为什么？

Answer 1

我用这个库来做 identity-obj-proxy

npm install identity-obj-proxy

改变这一行:

"\\.(css|less)$": "<rootDir>/__mocks__/styleMock.js"

对此:

"\\.(css|less)$": "identity-obj-proxy"