Jest.js 和 Create-react-app：运行测试时出现“语法错误：无法在模块外使用导入语句”

Question

我的代码

App.test.js

import moment from "moment-timezone";

let result = moment().format();


describe("anything",()=>{
    it("should return a fail..or at least something",()=>{
        expect(result).toBe("wrong")
    })
})

我跑：

npx jest或yarn 测试或npm 测试

我得到：

npx jest
 FAIL  src/App.test.js
  ● Test suite failed to run

    /home/wktdev/Desktop/thing/workflow_magic_guest_app/src/App.test.js:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import moment from "moment-timezone";
                                                                                             ^^^^^^

    SyntaxError: Cannot use import statement outside a module

      at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)

Test Suites: 1 failed, 1 total
Tests:       0 total
Snapshots:   0 total
Time:        0.586s
Ran all test suites.

看起来和这个类似： https : //github.com/facebook/jest/issues/9292

当我执行 npm ls jest 时，它说缺少依赖项。 当我尝试手动安装它们时，它们不会安装并且问题未解决。

UNMET DEPENDENCY react-scripts@2.1.5
  └── UNMET DEPENDENCY jest@23.6.0 

Answer 1

我根据开玩笑输出的消息弄清楚了。 jest 给出了删除 package.lock 文件、yarn.lock 并通过 yarn install 重新安装的说明。 我之前尝试过，我认为它不起作用，只是去除了笑话，但我错了。 它似乎有效 - 现在。

Answer 2

如果您手动添加 jest，请从package.json删除 jest 依赖项并运行npm install或yarn install 。

或者您可以运行npm test或yarn test来检查指令。

Answer 3

要解决这个问题，您需要创建文件： ./__tests__/setup.js并将其放入：

import { configure } from "enzyme";
import Adapter from "enzyme-adapter-react-16";

configure({ adapter: new Adapter() });

之后你只需要运行： npm run test