reactjs - 创建 react 应用程序和 Jest — SyntaxError : Unexpected token import

Question

注意:我通过将 src/nod_modules 文件夹中的所有代码直接移至 src 文件夹并删除 src/node_modules 来修复此问题> 根据这个短线程:https://github.com/facebook/create-react-app/issues/4241

<小时/>

我正在使用 create-react-app，但运行 Jest 时遇到问题。

当我尝试将任何一个 React 组件导入到测试文件中时，yarn test 时出现错误:

Test suite failed to run

.../src/node_modules/common/ErrorMessage.js:1
({"Object.<anonymous>":function(
module,exports,require,__dirname,__filename,global,jest)
{import React from 'react'
^^^^^^

SyntaxError: Unexpected token import

这就是我的测试文件的样子:

// test.test.js

// attempting to import
import ErrorMessage from '../node_modules/common/ErrorMessage.js'

// dummy test
test('adds 1 + 2 to equal 3', () => {
  expect(1 + 2).toBe(3)
})

但是，如果我位于 src 文件的根目录并导入 index.js，则不会引发错误。此时，index.js 导入的第一个文件中会抛出错误。例如:

test.test.js

import index from './index'

index.js

import React from 'react'
import { render } from 'react-dom'
import './style/index.css'
import LoginContainer from './node_modules/user/LoginContainer'
import NewUser from './node_modules/user/NewUser'
// etc.

终端输出

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

    /Users/hannahmccain/Desktop/DEV/expense-report/fullstack-expense-report/client/src/node_modules/user/LoginContainer.js:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import React, { Component } from 'react'
                                                                                             ^^^^^^

    SyntaxError: Unexpected token import

      at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/ScriptTransformer.js:289:17)
      at Object.<anonymous> (src/index.js:11:164)
      at Object.<anonymous> (src/test.test.js:3:14)

在 Jest 的上下文中，Babel 似乎无法正确编译 src/node_modules 中的文件。我只是不知道如何纠正它!任何见解将不胜感激。

仅供引用，Jest 应该可以与 create-react-app 一起开箱即用，我不想弹出。如果不弹出，我就无法进行我在其他地方看到的推荐的某些更改，例如更新我的 package.json 中的 Jest 设置。

Answer 1

为了跟进 @Himanshu Singh 的回答，通过将其添加到我的 package.json 中帮助我解决了这个错误。

{
  test: react-scripts test --transformIgnorePatterns \"node_modules/(?!ui-core)/\" --env=jsdom
}