Jest: node_module依赖项使用import语句并使测试崩溃
Jest 是一个广泛应用于 JavaScript 应用程序测试的开源测试框架。它旨在提供简单且可靠的测试解决方案，适用于前端、后端和 Node.js 环境。Jest 支持使用 import 语句导入 node_module 依赖项，但是如果在测试中使用了 import 语句而未正确配置 Jest 的 Babel 预处理器，可能会导致测试崩溃。
解决这个问题的方法是配置 Jest 的预处理器，以便正确处理 import 语句。以下是一些可能的解决方案：
- 安装 Babel：Jest 默认不支持 import 语句，但可以通过配置 Babel 预处理器来使其支持。首先，安装必要的 Babel 相关依赖项，如 @babel/core、@babel/preset-env 和 babel-jest。然后，在项目根目录下创建一个 .babelrc 文件，配置 preset-env，并在 Jest 的配置文件中指定预处理器。具体配置示例可参考腾讯云 Serverless 文档中的 Jest 部分：Jest 配置。
- 使用 TypeScript：如果项目使用 TypeScript，可以通过配置 TypeScript 预处理器来处理 import 语句。安装必要的 TypeScript 相关依赖项，如 ts-jest 和 typescript。然后，在 Jest 的配置文件中指定预处理器。具体配置示例可参考腾讯云 Serverless 文档中的 Jest 部分：Jest 配置。
- 使用 Jest 的自定义预处理器：Jest 允许使用自定义的预处理器来处理 import 语句。可以编写一个自定义的预处理器，使用工具如 Babel 或 TypeScript 将 import 语句转换为 Jest 可识别的形式。然后，在 Jest 的配置文件中指定自定义预处理器。具体实现示例可参考 Jest 文档中的自定义预处理器部分：自定义预处理器。
总结来说，要解决 Jest 中使用 import 语句导入 node_module 依赖项导致测试崩溃的问题，可以通过配置 Babel、TypeScript 或自定义预处理器来处理 import 语句。具体的配置方法可以参考腾讯云和 Jest 官方文档中的相关部分。
相关·内容
注意:我将src/nod_modules文件夹中的所有代码直接移动到src文件夹中，并按照以下短线程：删除src/node_modules，从而修复了这个问题。
我使用的是创建-反应-应用程序和运行Jest有困难。
当我试图将任何一个响应组件导入到我的测试文件中时，当我yarn test时会得到一个错误。
Test suite failed to run
.../src/node_modules/common/ErrorMessage.js:1
({"Object.<anonymous>":function(
module,exports,require,__d
浏览 0提问于2018-04-02得票数 13
1回答
is文件是：
import { IEnvironmentMap, load } from 'dotenv-extended';
import { getTokensWithAuthCode, sdk } from '../src/connection-manager';
describe('Box API connection tests', () => {
jest.useFakeTimers();
let boxConfig: IEnvironmentMap;
beforeAll(() => {
浏览 6提问于2018-01-11得票数 2
回答已采纳
2回答
我无法运行Jest测试，并且有一个非常模糊的错误消息。我在StackOverflow上发现了类似的问题，他们建议在node_module的react文件夹中添加jestSupport，但我无法解决这个问题。
引用的问题：
__tests__/profile-test.js
● Runtime Error
TypeError: Cannot read property 'DEFINE_MANY' of undefined
//来自package.JSON的代码片段
"scripts": {
"test": "jest"
浏览 4提问于2016-05-03得票数 7
我已经用create-react-app创建了一个空应用程序。它在pckage.json上提供了一个测试脚本，并提供了一个示例App.test.js。在第一步中，我希望根据的文档设置测试环境。在我的应用程序中，我将使用localStorage。假设像下面这样的动作要被测试
export const cancel = () => {
localStorage.removeItem("MyAppData");
return { type: types.USER_CANCEL};
};
除了酶部分外，还说明了如何初始化localStorage。所以我得到了一个setup
浏览 1提问于2018-09-10得票数 5
回答已采纳
我有RabbitMqClient，我用它作为短期存储。
import { environment } from '@Utils/environment'
import { AMQPChannel, AMQPClient } from '@cloudamqp/amqp-client'
import { AMQPBaseClient } from '@cloudamqp/amqp-client/types/amqp-base-client'
export class RabbitMqService extends AMQPClient {
pu
浏览 8提问于2022-07-11得票数 0
我在用Jest在Vite。它可以工作，直到我从node_module导入一个模块。
import { defineComponent } from 'vue'
import { useCookies } from '@vueuse/integrations/useCookies'
我犯了这个错误。
FAIL src/components/MyComponent/index.test.ts
● Test suite failed to run
Cannot find module '@vueuse/integrations/useCook
浏览 0提问于2021-07-22得票数 5
我正在尝试使用jest和酶法测试一个react组件，我已经为它们安装了必要的包，然后按照下面所示配置了我的setupTests.js，但是仍然存在相同的错误，即没有找到酶模块，也有“浅的”错误。这就是我试着用浅酶的地方
import React from "react";
import { render, screen, cleanup } from '@testing-library/react'
import { shallow } from "@wojtekmaj/enzyme-adapter-react-17"
//some nece
浏览 2提问于2021-12-27得票数 0
回答已采纳
是否有人在使用es2015语法编写jasmine / jest测试？它需要多少光泽/聚脂/分色层？
我在正确导入函数时遇到了问题。我有一个模块：…./utils/TweetUtils.js
'use strict';
export function getListOfTweetIds (tweets) {
return Object.keys(tweets);
};
还有一个测试套件：
…./__tests__/TweetUtils-test.js
'use strict';
jest.dontMock('../TweetUtils');
浏览 3提问于2015-11-23得票数 7
回答已采纳
1回答
我正在Serverless Framework上编写Serverless Framework代码。但我正在努力使我的代码可测试。我选择的测试框架是jest。
首先，我的项目结构如下。
import { fooService } from '../services';
export const createFooHandler: APIGatewayProxyHandlerV2 = async (event) => {
// some validation process
const { code, message } = async fooService.cre
浏览 7提问于2022-11-20得票数 1
回答已采纳
您好，我实际上需要将导出的文件从一个应用程序(Commons)导入到一些jest文件中的其他应用程序(登录)，但jest无法检测到它。
Jest测试文件：
import { auth as ServiceAuth } from "@dfs/standard"
import { ContextAlert } from '@dfs/standard';
describe("login page", () => {
it("test case 1", () => {
const ContextAle
浏览 5提问于2021-02-16得票数 0
我有以下模块：
import { MetadataStore } from 'metadata-store';
import { AttributeMap } from 'aws-sdk/clients/dynamodb';
const dataStore = new MetadataStore();
export async function getContentData(
dataIds: string[]
): Promise<AttributeMap[]> {
try {
return dataStore.getBatch
浏览 4提问于2022-05-12得票数 0
我正在Next.js 12.1.6中设置Jest & React测试库，使用新的Rust编译器设置，如描述的。只进行Jest测试是可以的，但是当我试图在测试文件中呈现组件时，我会得到一个错误：
“目前还没有启用对实验性语法'jsx‘的支持(11:12)”
我对Next.js和/或Babel和Jest是如何在引擎盖下一起工作的理解最好是粗略的，但我理解的是，在使用Next.js 12锈蚀编译器时，Babel是被绕过的。我认为在Jest到达之前，JSX应该在下一个之前被转换，并且我认为这是没有发生的。我不知道我还可以尝试什么额外的配置来修复这个问题。我在网上找不到任何提示，似乎没有
浏览 19提问于2022-06-22得票数 2
回答已采纳
我可以用jest.fn(() => 1)或() => 1创建一个模拟函数。即使我不需要，我也应该做第一件事吗？(如我不使用expect().toHaveBeenCalled())
const foo = ({ helper }) => helper()
test('example v1', () => {
const arg = {
helper: jest.fn(() => 1)
}
expect(foo(arg)).toBe(1)
})
test('example v2', () => {
浏览 0提问于2019-09-06得票数 1
1回答
在单元测试中遇到麻烦
、、、
尝试使用ts-jest对防火墙云功能进行单元测试，但是简单的测试却有问题。
我已经安装了对类型记录、类型和ts-jest配置的玩笑，但是我收到了一个错误，上面说没有安装@types/jest。
main.test.ts
/// <reference types="jest" />
import { database } from '../src/firestore';
test('Firestore is initialized', () => {
expect(database).toBeDefined();
})
浏览 3提问于2019-10-24得票数 0
1回答
Jest可以选择模拟node_module
jest.mock('module_name')
我试图模仿的模块是cote模块。是来自模块的index.js文件。
里面有出口Requester用的结构体
const Requester = require('./components/requester');
...
cote.Requester = Requester;
...
module.exports = cote();
我在代码中访问这个文件，如下所示：
const cote = require('cote');
const req
浏览 1提问于2018-09-19得票数 2
回答已采纳
我正在尝试测试我的后端类，它使用axios从后端获取一些数据。我对axios进行了模拟，并对get函数进行了修改，以返回一些值。这个很好用！
但是，如果我在setupTests中创建了后端的一个新实例，那么测试就失败了。如果从beforeEach中删除setupTests并将其添加到测试文件中，则测试再次成功。
测试失败，因为未调用存根。
我使用setupTests来模拟其他测试的依赖项。在嘲笑它的同时，我创建了后端的子类实例。
测试
import {Backend} from "../../../shared/utils/backend";
import axios from
浏览 3提问于2022-08-16得票数 1
1回答
我是Jest的初学者，并且使用useEffect函数为滚动按钮组件编写代码，如下所示：
useEffect(() => {
square && (square.style.transform = `translateX(-${scroll}px)`);
});
其中，scroll是一个组件状态，每当我单击按钮时都会更新该状态。
我不知道如何在Jest中获得我的代码的覆盖率，但我到目前为止所做的工作如下：
it('test transformX', () => {
const squareMock =
浏览 4提问于2022-02-28得票数 -1
我用创建了一个新项目。我正在尝试添加一个单元测试使用Jest和酶。我的测试适用于一个简单的组件，但是Jest无法测试引用的组件。
此测试工作：
// src/VanillaComponent.test.js
import React from 'react';
import Enzyme, { shallow } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
Enzyme.configure({ adapter: new Adapter() });
const Va
浏览 10提问于2020-06-19得票数 0
回答已采纳
2回答
我正在努力学习如何使用React和jest来进行单元测试。我遇到了以下错误：
意外令牌导入
这是我的babel预置：
{
"presets": ["es2015", "stage-0", "react"],
"env": {
"test": {
"plugins": ["transform-es2015-modules-commonjs"]
}
}
}
下面是我要测试的文件：
import jest from
浏览 2提问于2017-12-08得票数 9
回答已采纳
1回答
我已经复制了我在使用amCharts使用Jest进行一个项目时遇到的编译错误。显然，Jest无法为单元测试编译任何与模式图有关的内容。
误差
/core.js:8
export { System, system } from "./.internal/core/System";
^^^^^^
SyntaxError: Unexpected token 'export'
1 | import { useEffect, useRef } from "react";
> 2 | import * as am4core from "
浏览 6提问于2021-08-27得票数 1
5回答
我正在尝试在一个使用ES6模块的基于React的项目上设置Jest。然而，我似乎对ES6模块有问题，我正在使用babel-jest，并且相信我已经正确地设置了这个组件(Jest自动检测它)。
然而，Jest在使用ES6导入时似乎没有问题，但是，一旦它碰到它所阻塞的导入模块中的一个导入语句，它就会立即出现问题。这就好像它只是在传递初始测试脚本，而不是导入的任何模块。我尝试了各种配置，并尝试搜索谷歌没有运气。在没有任何导入的情况下运行测试很好。
以下是错误：
({"Object.<anonymous>":function(module,exports,require,_
浏览 8提问于2017-02-14得票数 31
回答已采纳
1回答
嗨，我有一个导出一些方法的模块，我想用一些单元测试来测试它们。我的项目基于类型记录^3.9.7，并安装了jest ^26.1.0和ts-jest ^26.2.0
其中一种方法导入节点-fetch ^2.6.0，以便能够在节点环境中使用window.fetch。
import fetch from 'node-fetch'
export const fetchResponseFromRemoteFile = (
remoteFileUrl: string
): Promise<Response> =>
fetch(remoteFileUrl)
浏览 1提问于2020-08-17得票数 1
回答已采纳
我正在使用jest和enzyme进行单元测试。下面是我的index.js文件。我需要测试文件的openNotification和uploadErrorNotification函数。但是，仅导出uploadErrorNotification函数。那么，我如何测试这两个函数呢？
此外，除了jest和enzyme之外，我不想使用任何其他的libray。
//index.js
import {
notification
} from 'antd';
const openNotification = (message, description, classN
浏览 0提问于2018-11-16得票数 2
1回答
假设我有一个模块，如下所示：
// utils.ts
function innerFunction() {
return 28;
}
function testing() {
return innerFunction();
}
export {testing}
我想编写一个单元测试来测试testing，只需要模拟innerFunction的返回值，期望对innerFunction的任何调用只会解析到某个值，如下所示：
jest.mock('../utils', () => {
const originalModule = jest.requireActua
浏览 5提问于2022-01-24得票数 -1
Update:在package.json中编辑jest配置，以包含标识-obj-代理，并向.babelrc添加了transform- in 2015模块-commonjs。
尝试在React.js项目上设置用于运行单元测试的jest和酶类。只要我不需要目标组件中的node_module，这个配置设置就能正常工作。但是，如果我要测试的组件导入一个自身导入scss文件的node_module，它将引发以下错误：
import('../../scss/bulkAction.scss');
^^^^^^
SyntaxError: Unexpected token import
浏览 1提问于2017-06-08得票数 0
回答已采纳
1回答
我正在测试一个导入类LanguageStore的react本机组件。当前，测试失败是因为组件正在实例化这个类，它调用了测试范围中未定义的私有setter：
FAIL src\modules\languageProvider\__tests__\LanguageProvider-test.js
● renders correctly
TypeError: _this.strings.setLanguage is not a function
at LanguageStore.setLanguage (src\modules\languageProvider\Lang
浏览 0提问于2019-03-18得票数 4
回答已采纳
在android仿真器中运行react本机应用程序时获得以下错误
react本机运行-android
加载依赖关系图，完成。错误:捆绑失败:错误:无法从./../../react-transform-hmr/lib/index.js D:\LW_Mobile\Projects\helloworld\App.js**：解析模块，无法从 D:\LW_Mobile\Projects\helloworld\App.js**.找到模块** ./../../react-transform-hmr/lib/index.js 事实上，这些文件都不存在：* D:\LW_Mobile\react-transfor
浏览 1提问于2018-10-06得票数 0
回答已采纳
我正在为我正在制作的库编写一些测试。这不是一个项目，而是由babel从零开始构建的。我在开玩笑，我有这个问题。我看到了类似的问题，但没有像这样。在我的"test": "jest"脚本中有package.json。根文件夹中有一个__tests__目录。我的一个名为Component.js的测试文件从一些简单的导入开始：
import React from 'react';
import { MyComponent } from '../src/MyComponent.js';
当我运行npm run test时，会得到以下错误：
浏览 2提问于2020-10-15得票数 5
回答已采纳
我对React和React Native应用的测试知识非常有限。所以我开始在我的React Native应用中设置一些测试。我使用expo，所以我安装了jest，jest expo，react-test-renderer。我想检查一个非常简单的测试，我认为这可能不是一个简单的测试，可能是因为导航，但无论如何，我无法通过下面的错误。我正在发布我的应用程序代码，测试和我看到的错误。
在package.json中
"jest": {
"preset": "jest-expo",
"transformIgnorePattern
浏览 1提问于2020-10-28得票数 6
1回答
流星里的小丑？
、、、、
我想在我的Meteor客户端应用程序中运行用于快照测试的Jest测试用例。
安装软件包：
npm i --save-dev jest react-test-renderer
我只写了这样的东西：
import React from 'react';
import renderer from 'react-test-renderer';
import { expect } from 'meteor/practicalmeteor:chai';
import CoolComponent from '../some/where';
浏览 0提问于2017-07-14得票数 1
回答已采纳
2回答
我需要对使用NestJS注入的控制器进行单元测试。
我不知道如何模仿和监视这个服务(MyEmitter)。我需要在test.controller.spec.ts中beforeEach()中声明它，但是如何声明呢？
test.controller.ts
import {
Controller,
Body,
Post,
} from '@nestjs/common';
import {
WebhookDto,
} from './dto/webhook.dto';
import { MyEmitter } from './test.event
浏览 1提问于2020-05-11得票数 3
回答已采纳
我想在我的原生react项目中使用jest。我刚接触jest和react-native。当前出现以下错误
Details:
/Users/sachigrannan/SKO/Alpha4-1/node_modules/react-native-iphone-x-helper/index.js:1
import { Dimensions, Platform, StatusBar } from 'react-native';
^
SyntaxError: Unexpected token {
at Runtime._execModule (node_modul
浏览 20提问于2020-05-05得票数 9
1回答
当承诺拒绝使用Jest时，我正在尝试测试console.error输出。我发现，在我的测试运行之后，这个承诺似乎正在解决，导致测试失败。
示例功能：
export default function doSomething({ getData }) {
const success = data => {
//do stuff with the data
}
const handleError = () => {
//handle the error
}
getData.then(response => success(response))
浏览 1提问于2020-03-25得票数 1
回答已采纳
1回答
我有一个Lerna monorepo，一个@project/shared-component子包和一个@project/consumer子包。@project/shared-component包公开了一个SharedComponent react组件，该组件在内部使用了一个同样公开的useData挂钩。在@project/consumer中，我有一个呈现SharedComponent组件的ConsumerComponent。在@project/consumer中，我还有一个测试ConsumerComponent的测试。在这里，我想用Jest来模拟useData钩子的内部。这是我用来模拟的代码
浏览 24提问于2021-10-15得票数 0
Node.js ESM的工作方式似乎与TypeScript不同。
它导致程序通过打字，但在运行时崩溃。
package.json
{
"dependencies": {
"@types/lodash": "^4.0.0",
"lodash": "^4.0.0",
"typescript": "^4.0.0"
},
"type": "module"
}
tsconfig.json
{
"compilerOp
浏览 12提问于2022-01-29得票数 1
回答已采纳
1回答
我尝试了许多将jest导入到我的项目中的方法。所有这些都会导致我的应用程序在访问localhost:3000时显示空白屏幕，即使所有语句都会导致app编译(导入一行会导致应用崩溃)：
import { mocked } from "ts-jest"
import { mocked } from '@jest/globals'
import { jest } from 'ts-jest'
import { jest } from '@jest/globals'
App崩溃时会出现以下错误：
VM551:2 Uncaught R
浏览 3提问于2022-08-05得票数 1
回答已采纳
以下是我在运行npm test时得到的错误：
export { System, system } from "./.internal/core/System";
^^^^^^
SyntaxError: Unexpected token export
1 | import React from 'react';
> 2 | import * as am4core from "@amcharts/amcharts4/core";
3 | import * as am4cha
浏览 3提问于2019-11-21得票数 2
我有一个Jest测试套件无法运行，因为它试图测试的组件依赖于RequireJS模块。下面是我看到的错误：
FAIL __tests__/components/MyComponent.test.js
● Test suite failed to run
ReferenceError: define is not defined
at Object.<anonymous> (node_modules/private-npm-module/utils.js:1:90)
该组件具有以下导入：
import utils from 'private-np
浏览 1提问于2016-12-02得票数 19
回答已采纳
下面是有问题的分支和回购：
/Users/leongaban/projects/Futuratum/moon.holdings/node_modules/webpack-cli/bin/config-yargs.js:89描述: optionsSchema.definitions.output.properties.path.description，
不知道为什么会有这个错误，但是我把Webpack 3升级到了4。
webpack
/* eslint-disable no-console */
import webpack from 'webpack';
import
浏览 4提问于2018-10-09得票数 24
回答已采纳
我正在用Jest编写测试，并希望测试一个简单的按钮，它可以作为注销，并通过onClick将您重定向到onClick。
import {loginService} from "../../utils/loginService";
import React from "react";
import {useNavigate} from "react-router-dom";
const Logout = () => {
const navigate = useNavigate()
const logout = e =>
浏览 5提问于2022-05-15得票数 2
回答已采纳
1回答
这是我要测试的课程：
CommandFactory.ts
import type {ChatInputCommandInteraction} from 'discord.js';
import type CommandInterface from './interfaces/CommandInterface';
import GameCommand from './commands/GameCommand';
import SettingCommand from './commands/SettingCommand';
impor
浏览 7提问于2022-10-24得票数 0
回答已采纳
我正在尝试运行Detox测试，并发现这个错误"Cannot find module 'detox/runners/jest/adapter' from 'init.js'"。
node_ e2e /..bin/jest e2e --config=e2e/config.json --maxWorker=1-testNamePattern=‘^((？：ios：))*$’Faile2e/FirstTest.spec.js测试套件失败运行
无法在(../node_modules/jest-resolve/build/index.js:191:17) a
浏览 1提问于2018-07-13得票数 0
我想在JEST26.1.0中使用ES6模块的导入/导出特性(因为我的整个项目都使用它)。
我为我的测试用例创建了一个名为testCases/的目录，其中包含一个math.mjs文件。现在，我试图在math.test.js (用于Jest)中导入这个文件。每当我运行npm run test时，它都会引发以下错误。
>Details:
/home/jatin/Downloads/Node.js/task-manager-app/TestCases/math.test.js:1
import calc from "../src/math.mjs";
^
浏览 3提问于2020-07-27得票数 13
回答已采纳
我有Angula2 -cli项目，并将其设置为站点cli.angular.io指南。
要开始新项目，我需要运行cmd：ng new my-project-name，项目文件夹是用一些文件和node_module文件夹创建的。
如何避免每次创建新项目时都创建node_module文件夹？
我可以只参考PC中的node.js模块吗？
浏览 0提问于2016-06-03得票数 0
1回答
你能帮我做个玩笑测试吗？我的创建-反应-应用程序(es6)与redux构建并运行在浏览器中，如预期的那样。
我想我的进口产品有点问题，但不确定是什么。
你能帮我理解一下为什么我的玩笑考试失败了吗？
FAIL src/components/__tests__/CommentBox.test.js
测试套件无法运行
Cannot find module 'react' from 'Provider.js'
However, Jest was able to find:
'components/Provider.js'
You mig
浏览 1提问于2020-03-10得票数 0
回答已采纳
我使用我们自己的库来进行API调用。在devDependencies中，我指定了该库。如果我运行npm install，我将获得node_modules下的库。在应用程序方面，它工作得很好。
当我尝试使用JEST时，我得到了意想不到的标记。
请在下面找到我的package.json，
{
"name": "myApp",
"version": "0.28.9",
"description": "My APP",
"main"
浏览 1提问于2019-01-10得票数 0
5回答
我有这样的组成部分：
import React from 'react';
import VideoTag from './VideoTag';
import JWPlayer from './JWPlayer';
class VideoWrapper extends React.Component {
//... component code
}
这是基于某些逻辑在内部呈现另一个组件( VideoTag或JWPlayer)，但是当我尝试在一个jest文件中测试它时，会得到错误：
找不到模块./VideoTag‘
这三个成员位于同一个目录中，这
浏览 3提问于2016-02-13得票数 15
回答已采纳
我有一个模块，我正在尝试测试。该模块正在使用其他外部模块，jest很难解决它们。
它正在解析到以下的基本路径：./node_node/tag tag-input/dist/
而不是：./node_modules/react-tag-input/node_modules/react-dnd
下面是正在发生的事情的简化版本：
错误：
Cannot find module 'react-dnd' from 'reactTags.js'
at Resolver.resolveModule (node_modules/jest-cli/node_modules/je
浏览 2提问于2016-11-23得票数 2
当在本地运行时，它似乎工作正常，但当它在管道上运行时就崩溃了。
编辑:删除npx后，它会产生一个不同的错误：
我遵循了安装插件的建议：
npm install eslint-plugin-react@latest --save-dev
但会渗出来重复一遍。
这里是我收回的Bit桶-管道配置：
- step:
name: CI
caches:
- node
script:
- npm install
- npm run lint
浏览 4提问于2020-03-27得票数 1
回答已采纳
嗯，我在用打字本写一些NPM模块，但我不是用Webpack来编写脚本的。
如何配置jest以正确运行类型记录文件？
// test.spec.ts
import {calc} from './index'
test('shoud...', () => {
expect(calc()).toBeDefined()
})
// index.ts
import {calc} from './index'
const calc = (a, b) => {
return a + b
}
我发现了一个错误：
/__tests__//
浏览 1提问于2019-06-17得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
