我只是React的新开发人员 . 我刚刚使用create-react-app插件启动了一个新的应用程序 . 之后我定制了自己的应用程序组件，但是这使用了一些第三方组件，这使得 npm run test （react-scripts test --env = jsdom）失败并显示错误：

SyntaxError: Unexpected token import

此错误仅发生在我正在使用的node_modules中的依赖项内导入 . 例如，它没有给出任何错误

import React, { Component } from 'react';

由于我使用的是create-react-app插件，因此我不知道需要更改什么以使其通过 . 然而，它似乎与某些babel配置缺失相关 .

我认为我不需要安装babel-jest依赖项，因为它嵌入了create-react-app .

我也试图执行，但没有成功：

npm run test -- --no-cache

package.json文件：

{
  "name": "dhis2-hello-world",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "d2": "^28.3.0",
    "d2-manifest": "^1.0.0",
    "d2-ui": "^28.0.8",
    "d2-utilizr": "^0.2.15",
    "loglevel": "^1.6.0",
    "material-ui": "^0.20.0",
    "prop-types": "^15.6.0",
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "react-scripts": "1.0.17",
   "rxjs": "^5.5.5"
  },
  "scripts": {
    "prestart": "d2-manifest package.json ./public/manifest.webapp",
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "manifest.webapp": {
    "name": "DHIS2 App Template",
    "description": "DHIS2 App Template",
    "icons": {
      "48": "icon.png"
    },
    "developer": {
      "url": "",
      "name": "DHIS2"
    },
    "activities": {
      "dhis": {
        "href": ".."
      }
    }
  }
}

错误：

/node_modules/d2-ui/lib/app-header/HeaderBar.js:1 ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import PropTypes from 'prop-types';

PropTypes正在d2-ui的组件上导入，该组件正在App组件中导入，如下所示：

import React, { Component } from 'react';
import HeaderBarComponent from 'd2-ui/lib/app-header/HeaderBar';

我正在寻找一种解决方法，而无需弹出项目 .

谁能给我一些如何解决这个问题的线索？

非常感谢！

reactjs babeljs jest create-react-app