reactjs - 如何在 create-react-app 中导入 ES6 模块而不导致测试失败?

标签 reactjs jestjs create-react-app es6-modules ui5-webcomponents

当我按照说明进行操作时,发现 here

并添加指定的导入引用:

导入“@ui5/webcomponents/dist/Button”;

应用程序工作正常并且能够导入按钮。 但是,当我 npm run test 时,出现错误:

语法错误:无法在模块外部使用 import 语句。

知道如何解决这个问题吗?

最佳答案

已提供答案 here .

{
   "jest": {
      "transformIgnorePatterns": [
         "node_modules/(?!(@ui5|lit-html)).*\\.js$"
      ]
   }
}

关于reactjs - 如何在 create-react-app 中导入 ES6 模块而不导致测试失败?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60028689/

相关文章:

javascript - Vue + Jest 全局配置转移到规范文件中

javascript - webpack 在react.js 中无法正常工作

reactjs - JEST + React 测试库 : should I render my component with a beforeAll before tests?

javascript - Bootstrap 在 React 中行为不正确

reactjs - 每个模块仅允许一个默认导出

javascript - 在 React Native setState 中找不到变量字母

reactjs - useCallback hook 和空依赖数组之间的区别,只是在组件外定义一个函数

javascript - 基本解释了 npm start 对我的 ReactJS 代码做了什么以及如何从浏览器运行它

reactjs - 使用 Jest 测试处理 webpack 加载程序语法 : exclamation raw-loader

node.js - 如何将 Harmony_async_iteration 与 jest 结合使用?