Question

我正在尝试通过测试涵盖基本的reducer，但是它将在我的常量文件中引发导出错误：

 FAIL  jest/spec/reducers/RootReducer.spec.js
  ● Test suite failed to run

    Jest encountered an unexpected token

    Details:

    project-root\js\src\constants\ActionTypes.js:2
    export const LOCALE_REQUEST = 'ROOT/LOCALE_REQUEST';
    ^^^^^^

    SyntaxError: Unexpected token export

      1 | 'use strict';
      2 |
    > 3 | import { LOCALE_REQUEST_SUCCESS, ROUTING_REQUEST_SUCCESS } from '/js/src/constants/ActionTypes';
        | ^
      4 |

      at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)
      at Object.<anonymous> (jest/spec/reducers/RootReducer.spec.js:3:1)

我正在从“ project-root \ tests”文件夹中运行测试

我要测试的js文件位于“ project-root \ js”文件夹中

我相信这是该错误的原因。由于我要导入的文件位于 tests 文件夹之外，因此看起来好像没有被编译

这是我的 package.json ：

{
  "name": "jest",
  "version": "0.0.0",
  "scripts": {
    "test": "jest"
  },
  "devDependencies": {
    "@babel/core": "^7.2.2",
    "@babel/plugin-transform-modules-commonjs": "^7.2.0",
    "@babel/preset-env": "^7.2.3",
    "babel-core": "7.0.0-bridge.0",
    "jest": "^23.6.0"
  }
}

这是 .babelrc ：

{
  "presets": [
    "@babel/preset-env"
  ],
  "plugins": [
    "@babel/plugin-transform-modules-commonjs"
  ]
}

这是 jest.config.js ：

module.exports = {
    verbose: true,
    transform: {
        "^.+\\.jsx?$": "babel-jest"
    },
    bail: true,
    browser: true,
    cacheDirectory: '/tmp/jest',
    collectCoverage: false,
    roots: [
        '<rootDir>/../js',
        '<rootDir>/jest'
    ],
    moduleNameMapper: {
        '^(.*)/js/(.*)$': '<rootDir>/../js/$2'
    },
    testRegex: '(jest/spec/.*|(\\.|/)(test|spec))\\.js$',
    testPathIgnorePatterns: [
        '<rootDir>/node_modules'
    ],
    transformIgnorePatterns: [
        '/node_modules/'
    ]
};

因此，我尝试在网络上寻找类似的情况，但是在大多数情况下，问题出自/ node_modules或jest配置中缺少的内容。但是我找不到我的情况有什么问题，非常感谢我可以尝试的任何提示

up：有人建议我需要将 babel-jest 添加到我的 package.json 中，但是它已经在/ node_modules中-它与 jest < / em>包

Answer 1

问题围绕着这样一个事实，即您没有安装babel-loader，因此该项目将因导入和导出命令而爆炸，这些命令在编译期间不会从源代码中删除，因为babel不知道如何在不使用babel-的情况下进行处理。加载程序已安装并配置。

有关如何开始使用ES6进行代码转换和模块加载的快速示例，请查看此示例。

youtube.com/watch?v=X5wTsHRsbIA

使用带有Babel 7+的Jest的“ SyntaxError：意外的令牌导出”

1 个答案: