jest在node中使用：jest Cannot use import statement outside a module

最新推荐文章于 2023-07-13 19:58:47 发布
最新推荐文章于 2023-07-13 19:58:47 发布
阅读量4.7k 收藏 1
点赞数
分类专栏： node
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/peade/article/details/117568282
版权

jest在node中使用

在node中直接使用jest

本人在做一些小的功能，需要用jest进行一下单元测试。在使用中，发现简单运行jest会报错

以下是我的package.json

{
  "name": "leet",
  "version": "1.0.0",
  "description": "leetcode",
  "main": "index.js",
  "scripts": {
    "test": "jest"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "jest": "^27.0.4"
  }
}

直接运行npm run test 会报错

问题原因所在

jest对es module的存在问题。解决的方法有两个，一是使用babel转义，二是使用jest对es module的实验性支持功能

解决方法一：使用babel

  • 安装依赖包
    npm i -D --dev babel-jest @babel/core @babel/preset-env
  • 配置babel.config.js
module.exports = {
  presets: [['@babel/preset-env', { targets: { node: 'current' } }]],
}

解决方法二：使用es6 module实验性支持功能

  • 配置package.json
{
	"script":{
		"test":"jest --experimental-vm-modules"
	}
}
peade
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
eslint-import-resolver-jest：:joker:eslint-plugin-import的Jest导入解析插件
02-05
eslint导入解析器 “我喜欢我的testutils在那里我可以看见他们”:detective_medium_skin_tone::female_sign_selector: 如果您使用的是并且已通过moduleNameMapper配置在配置中安装了自定义名称映射，并且使用的是很棒的 ，则eslint可能会大吼大叫： （我经常为我用来测试的助手创建一个别名） 让我们解决这个问题！ yarn add eslint-import-resolver-jest -D 要么 npm i eslint-import-resolver-jest -D 如果您从开玩笑地使用配置选项，则所有内容都应_just work_:trade_mark:。 如果您使用--config选项将单独的配置文件用于笑话，则也必
jest-webextension-mock:在Jest中模拟WebExtensions的模块
04-13
安装 对于纱线： yarn add --dev jest-webextension-mock 对于npm： npm i --save-dev jest-webextension-mock 设置 直接需要模块 在jest部分下的package.json ，添加带有此模块名称的setupFiles属性。 " jest " : { " setupFiles " : [ " jest-webextension-mock " ] } 使用安装文件 或者，您可以创建一个新的安装文件并需要此模块。 __setups__/chrome.js require ( 'jest-webextension-mock' ) ; 并将该文件添加到您的setupFiles ： " jest " : { " setupFiles " : [ " ./__setups__/chr
react-jest-webcrypto:如何在React中使用WebCrypto并使用Jest测试它的示例
05-03
使用Jest为客户端应用程序测试Webcrypto（React） 术语 生成根证书（RSA-OAEP） 这是您最有可能在服务器端生成的根密钥。 生成的私钥在服务器上用于读取使用公钥加密的所有消息，该消息将在客户端使用。 生成的私钥只能解密消息，而公钥只能加密消息。 没有彼此，您将无法访问任何发送或接收的数据。 导出键 导入键 SHA加密对象 SHA解密
jest-mock-module:JJest SpyOn模块
03-19
笑话模拟模块 通过监视所有函数和属性来扩展玩笑，以允许对模块进行深度自动模拟。 介绍 入门 使用或安装扩展 npm install -D " jest-mock-module " 用法示例 // src/example.js module . exports = { testing : "123" ; nested: { test: ( ) => true ; testing: "456" ; } } import * as mock from "jest-mock-module" ; mock . extend ( jest ) ; jest . spy ( "src/example" ) ; const example = require ( "src/example" ) ; // Check module object properties jest
Jest自动化测试支持ES6(随笔)
Hy_0452的博客
06-13 264
安装后package.json。配置.babelrc.json。
jest运行报错 Cannot use import statement outside a module
木贝西的博客
02-17 4249
这是因为jest没支持es6导入导出 将测试环境添加到项目根目录下的 .babelrc 中： { "env": { "test": { "plugins": ["@babel/plugin-transform-modules-commonjs"] } } } 安装 ECMAScript 6 转换插件： npm install --save-dev @babel/plugin-transform-modules-commonjs ...
【Jest】“Cannot use import statement outside a module“ with Axios
ch_6319的博客
10-19 1500
jest bug
Cannot use import statement outside a module 单测import引入模块失败
weixin_45683908的博客
12-20 2570
运行npx jest时报错：Test suite failed to run 或者Cannot use import statement outside a module解决方法如下
jtest: SyntaxError: Cannot use import statement outside a module
彭世瑜的博客
08-19 628
原因是jtest 不支持es6语法，需要使用 Babel。使用jtest报错如下。
【解决SyntaxError: Cannot use import statement outside a module问题】
JYB2106056288的博客
11-16 3万+
解决SyntaxError: Cannot use import statement outside a module问题 本来是想在node环境下测试Blob,Formate的，在导入相关js文件后，出现 Cannot use import statement outside a module错误，这里提供如下参考来解决问题： 使用commonJS语法绕过import, let Blob = require('blob-polyfill/Blob'); 能解决目前导入文件失败问题，但是意味着以后都不
jest-canvas-mock:用于在Jest中模拟画布的模块
05-09
npm i --save-dev jest-canvas-mock设置在jest下的package.json ，创建一个setupFiles数组，然后将jest-canvas-mock添加到该数组中。 { " jest " : { " setupFiles " : [ " jest-canvas-mock " ] }} 如果已经具有...
组件库封装时使用JEST遇到问题
wangyuegyq的博客
07-13 140
组件库封装时使用JEST遇到问题。
前端测试（jtest）
前端交互开发
10-17 837
用 Jest 测试单文件组件 视频 官方文档https://www.jestjs.cn/docs/getting-started 报错： Cannot use import statement outside a module： 原因：jest不支持babel版本7问题：(网上很多文章解决不了) https://my.oschina.net/janpoem/blog/2876961 ...
jest单元测试， import css模块时报错： SyntaxError: Unexpected token ‘{‘
xd_yangxiaoromg的博客
05-12 2754
在我的.ts文件中我引入了weui的样式库。 import 'weui'; 在用jest进行单元测试，进行npm run test的时候，一直报错。尝试了提示的几种方案都不行。具体配置可以看官方文档：https://jestjs.io/zh-Hans/docs/webpack#%E5%A4%84%E7%90%86%E9%9D%99%E6%80%81%E6%96%87%E4%BB%B6， 猜测是jest并不知道import "weui"导入的是css文件。 解决方法： 1、将weui样...
【解决 SyntaxError: Cannot use import statement outside a module 报错问题】
热门推荐
lt012345的博客
06-19 7万+
1. JavaScript 的两种模块：ES6 模块（ESM）和 CommonJS 模块（CJS）。2. CommonJS 模块使用 require() 和 module.exports，ES6 模块使用 import 和 export。3. ES6 模块与 CommonJS 模块的差异。4. Node.js 的模块加载方法：CommonJS 模块是 Node.js 专用。从 Node.js v13.2 版本开始，Node.js 默认打开了 ES6 模块支持。
js报错：Cannot use import statement outside a module
qq_41425646的博客
03-17 2602
在当前的package.json文件中加上一句。
[vite + jest] import worker 测试报错的解决方案
qq_42464004的博客
02-21 1001
jest 报错无法解析 import 'xxx?worker' 下述修改只能解决 import 报错问题，实际上 worker 相关的代码还是不能使用的 修改配置如下： 新建 jest_resolver.js const url = require('url') module.exports = (request, options) => { // Remove any query parameters in the request path // (e.g. ?worker, whic
解决 SyntaxError: Cannot use import statement outside a module 报错问题
m0_67841039的博客
05-05 5465
错误展示： 原因:npm运行node项目, 需要babel编译, 才能支持import等高级语法; 解决办法如下： 步骤一: 安装babel 步骤二: 创建名为.babelrc文件, 并添加代码 步骤三:前面两步都做完以后，在命令行输入以下代码，（这里举例用了main.js，可以改为自己的js名字）然后就可以发现成功运行啦！！！ ...
jest cannot use import statement outside a module
最新发布
04-13
当你在使用Jest时，如果遇到了"cannot use import statement outside a module"的错误提示，通常是因为Jest默认将测试文件视为CommonJS模块，而不是ES模块。在CommonJS模块中，不能使用ES模块的import语句。 要解决这个问题，你可以尝试以下几种方法： 1. 将测试文件的后缀名从.js改为.mjs。这样Jest会将其视为ES模块，并支持import语句。但是需要注意的是，这种方法只适用于Node.js版本大于等于13.2.0的情况。 2. 在项目的根目录下创建一个名为jest.config.js的文件，并添加以下配置： ```javascript module.exports = { testEnvironment: 'node', transform: {}, moduleFileExtensions: ['js', 'jsx', 'json', 'node'], }; ``` 这样Jest会使用Node.js环境来运行测试，并不会对代码进行转换。这样就可以在测试文件中使用import语句了。 3. 使用Babel来转换代码。首先，安装必要的依赖： ```shell npm install --save-dev @babel/preset-env babel-jest ``` 然后，在项目根目录下创建一个名为.babelrc的文件，并添加以下配置： ```json { "presets": ["@babel/preset-env"] } ``` 最后，在jest.config.js中添加以下配置： ```javascript module.exports = { transform: { '^.+\\.jsx?$': 'babel-jest', }, }; ``` 这样Jest会使用Babel来转换代码，使得可以在测试文件中使用import语句。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值