相关疑难解决方法(0)

Jest设置"SyntaxError:意外的令牌导出"

我正在对目前没有测试的现有项目进行测试.我的测试无法编译node_modules/导入.

/Users/me/myproject/node_modules/lodash-es/lodash.js:10
export { default as add } from './add.js';
^^^^^^
SyntaxError: Unexpected token export

  at transformAndBuildScript (node_modules/jest-runtime/build/transform.js:320:12)
  at Object.<anonymous> (app/reducers/kind_reducer.js:2:43)
  at Object.<anonymous> (app/reducers/index.js:12:47)
Run Code Online (Sandbox Code Playgroud)

我发现的解决方法是node_modules在package.json jest配置中'whitelist' ,如下所示:

"jest": {
    "transformIgnorePatterns": [
      "!node_modules/"
    ]
  }
Run Code Online (Sandbox Code Playgroud)

这似乎是一个黑客,因为它需要超过1分钟来运行一个简单的导入测试node_modules/lodash-es/lodash.js.

感谢任何帮助或方向,谢谢!

reactjs jestjs redux

25
推荐指数
6
解决办法
1万
查看次数

SyntaxError:使用 Jest 时出现意外的令牌“导出”(来自“react-leaflet”)

我突然得到这个错误。

代码在我使用时工作正常,但在使用Jest测试时会弹出此问题。...................................................... ...................................................... ...................................................... ...................................................... ...................................................... ...................................................... ...................................................... ...................................................... ......

细节:

    C:\node_modules\react-leaflet\lib\index.js
:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,jest){export { us
eMap, useMapEvent, useMapEvents } from './hooks.js';
                                                                                      ^^^^^^     

    SyntaxError: Unexpected token 'export'

       9 | } from 'react-leaflet';
      10 | import { private } from 'private';
    > 11 |
         | ^
Run Code Online (Sandbox Code Playgroud)

这是我的笑话配置

module.exports = {
  moduleNameMapper: {
    // Resolve .css and similar files to identity-obj-proxy instead.
    '.+\\.(css|styl|less|sass|scss)$': 'identity-obj-proxy',
    // Resolve .jpg and similar files to __mocks__/file-mock.js
    '.+\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
      '<rootDir>/__mocks__/file-mock.js',
  },

  clearMocks: true,

  coverageDirectory: 'coverage',
  // …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs jestjs babeljs react-leaflet

5
推荐指数
1
解决办法
2644
查看次数

标签 统计

jestjs ×2

reactjs ×2

babeljs ×1

javascript ×1

react-leaflet ×1

redux ×1