我无法摆脱这个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 |
我试图解决这个问题(但没有成功):
Using env
设置于babel.config
: env.test.preset: ['@babel/plugin-transform-modules-commonjs']
修改transform
在 Jest 配置中设置为'^.+\\.jsx?$': 'babel-jest', '^.+\\.tsx?$': 'ts-jest'
以及围绕此的所有其他可能性。
在 Jest 配置中,testPathIgnorePatterns
, transformIgnorePatterns
Using .babel.config.js
代替.babelrc.js
...和更多。
我有这个设置:
包.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',
],
}
变量.ts
import { GlobalVars } from 'variables'
export const Vars = new GlobalVars()
变量.spec.ts
import { Vars } from './variables.ts'
describe('Test The Package', () => {
it('Should accept new variables', () => {
Vars.newVariable = 'new variable'
expect(Vars.newVariable).toEqual('new variable')
})
})
关于如何解决这个问题有什么想法吗?