SyntaxError: Cannot use import statement outside a module无论我尝试了什么，我都无法摆脱这个错误，它是如此令人沮丧。这里有人解决了这个问题吗？我已经阅读了一百万stackoverflow和github问题线程。没有明确的解决方案。
这是一个React，Typescript，Webpack项目。我正在尝试测试一个模块。但是Jest不会以某种方式将模块转换为纯JavaScript。
/Users/me/dev/Project/project/node_modules/variables/src/variables.js:12
import './main.js';
^^^^^^
SyntaxError: Cannot use import statement outside a module
17 |
18 | */
> 19 | import { GlobalVars } from 'variables'
| ^
20 |
21 | export const Vars = new GlobalVars()
22 |
在中使用env设置babel.config：env.test.preset: ['@babel/plugin-transform-modules-commonjs']
修改transformJest配置中的设置'^.+\\.jsx?$': 'babel-jest', '^.+\\.tsx?$': 'ts-jest'以及与此相关的所有其他可能性。
在Jest配置中testPathIgnorePatterns，transformIgnorePatterns
使用.babel.config.js代替.babelrc.js
...和更多。
package.json
"jest": {
"preset": "ts-jest",
"testEnvironment": "node"
}
.babelrc.js
module.exports = {
presets: [
['@babel/preset-env', { targets: { node: 'current' } }],
'@babel/preset-react',
'@babel/preset-typescript',
],
plugins: [
'@babel/plugin-transform-runtime',
'@babel/proposal-class-properties',
'@babel/transform-regenerator',
'@babel/plugin-transform-template-literals',
'react-hot-loader/babel',
],
}
变量
import { GlobalVars } from 'variables'
export const Vars = new GlobalVars()
变量规范
import { Vars } from './variables.ts'
describe('Test The Package', () => {
it('Should accept new variables', () => {
Vars.newVariable = 'new variable'
expect(Vars.newVariable).toEqual('new variable')
})
})
关于如何解决此问题的任何想法？
尽管我分别尝试了它们，但我没有一起尝试它们（transform和transformIgnorePatterns）。因此，这个开玩笑的配置解决了我的问题：
"jest": {
"preset": "ts-jest",
"testEnvironment": "node",
"transform": {
"node_modules/variables/.+\\.(j|t)sx?$": "ts-jest"
},
"transformIgnorePatterns": [
"node_modules/(?!variables/.*)"
]
},
transform和transformIgnorePatterns 在一起。babel-jest为，而不是ts-jest（我想这是当玩笑的预设定义为时会出现问题ts-jest。因为如果我将其更改为，babel-jest它将再次引发相同的错误。）：--- "node_modules/variables/.+\\.(j|t)sx?$": "babel-jest"
+++ "node_modules/variables/.+\\.(j|t)sx?$": "ts-jest"
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句