React Jest测试中意外导入令牌的错误

Question

My jest.config.js file contains this data given below.

But when i am running test command it is giving me error of SyntaxError:

Unexpected token import

Error i am getting when i fire test command

const path = require('path');

module.exports = {
bail: true,
rootDir: process.cwd(),
testRegex: '/__tests__/.*\\.test\\.jsx?$',
transform: { '/__tests__/.*': path.resolve(__dirname, 'jest.transform.js'),},
verbose: true,
};

Answer 1

It typically happens when your tests and code are not processed by Babel. Jest is a Node.js application and Node.js doesn't understand import syntax.

I see that you defined your own transform config. Jest documentation says that if you set some value for transform config option it will overwrite defaults and Jest won't preprocess your code using babel-jest. To fix this issue you need to explicitly define what files to transform via babel-jest:

transform: {
  '/__tests__/.*': path.resolve(__dirname, 'jest.transform.js'),
  "^.+\\.(js|jsx)$": "babel-jest",
},

Answer 2

Please install "babel-jest": "^23.0.1", and add the following transform config:

const path = require('path');
module.exports = {
bail: true,
rootDir: process.cwd(),
testRegex: '/__tests__/.*\\.test\\.jsx?$',
"transform": {
  "\\.js$": "<rootDir>/node_modules/babel-jest"
},
verbose: true,
};

Let me know if the issue still persists