jest -意外的标记'export‘
Jest是一个用于JavaScript代码测试的开源框架。它是由Facebook开发并维护的，专注于提供简单易用的测试工具和API，以帮助开发人员编写高质量的测试用例。
Jest的主要特点包括：
- 简单易用：Jest提供了简洁的API和易于理解的语法，使得编写测试用例变得简单快捷。
- 自动化配置：Jest具有零配置的特性，它能够自动识别和配置测试环境，无需手动设置。
- 快速执行：Jest通过并行执行测试用例和智能的测试运行器，提供了快速的测试执行速度。
- 强大的断言库：Jest内置了丰富的断言库，使得编写断言变得简单，并且能够提供清晰的错误信息。
- 快照测试：Jest支持快照测试，可以轻松地对组件、数据结构等进行快照比较，以确保代码的正确性。
- Mock功能：Jest提供了强大的Mock功能，可以模拟函数、模块和依赖，方便进行单元测试。
Jest适用于前端开发、后端开发以及跨平台开发，可以用于测试各种类型的JavaScript代码，包括React、Vue、Angular等框架的组件、函数、模块等。
对于解决"意外的标记'export'"的问题，可以考虑以下几个方面：
- 检查代码语法：首先，需要检查代码中是否存在语法错误，特别是与"export"相关的语法错误。确保代码中的"export"关键字使用正确，并且没有拼写错误或其他语法问题。
- 检查模块导入导出：如果代码中使用了模块导入导出的语法（如ES6的模块导入导出），需要确保导入和导出的模块路径和名称是正确的，并且模块已经正确导出。
- 检查运行环境：Jest需要在支持ES6模块的环境中运行，确保运行环境支持模块导入导出的语法。
如果以上方法都没有解决问题，可以尝试搜索Jest官方文档或社区论坛，查找是否有其他开发者遇到过类似的问题，并找到解决方案。
腾讯云提供了一系列与测试相关的产品和服务，例如云测试平台、移动测试服务等，可以帮助开发者进行测试和质量保证工作。具体产品介绍和链接地址可以在腾讯云官方网站上进行查找。
相关·内容
2回答
当Jest与Antd、React和Parcel一起使用时，我得到了以下错误。Jest抱怨Antd css文件。Jest是否应该在默认情况下包含node_modules？如果不是，是否有可能将其排除？ Jest encountered an unexpected token
This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not > plain JavaScript.
{ProjectPath}/node_modules/antd/lib/s
浏览 43提问于2020-09-12得票数 3
3回答
我有以下设置：
// uuid-wrapper.ts
import { v4 as uuidV4 } from 'uuid';
const uuid: () => string = uuidV4;
export { uuid };
// uuid-wrapper.spec.ts
import { uuid } from './uuid-wrapper';
describe('uuid-wrapper', () => {
console.log(uuid());
});
这很好的运行时，但它在测试中中断。我试图迁移到Jes
浏览 16提问于2022-10-13得票数 0
回答已采纳
我知道您可以模拟和监视函数内部的函数调用，例如使用jest.spyOn和jest.fn() ... .toHaveBeenCalledTimes(1)等。在Spock框架测试中，您可以使用以下内容结束单元测试： 0*_ //不允许任何其他交互 有没有办法通过Jest实现这一点？ 示例： export default class Service {
public startAllWorkers(): void {
const processClient: ProcessClient = new ProcessClient();
const proc
浏览 22提问于2020-08-11得票数 0
1回答
我有一个反应应用程序，我目前正在用Jest编写测试。这是一个包含100多个组件的大型项目，其中一些组件是以默认方式导出的。
export default SomeAwesomeComponent = () => {
return (
<div>
...
</div>
)
}
这不会影响应用程序的简单运行，但是，当我运行jest、jest --watchAll时，会发现组件ReferenceError的一个错误: SomeAwesomeComponent没有定义。我理解命名导出和默认导出之间的区
浏览 1提问于2020-09-19得票数 0
回答已采纳
1回答
我正试着在这里运行我的测试：
但是我得到了以下错误
/Users/leongaban/projects/Futuratum/moon.holdings/jest.config.js:1 (导出、要求、模块、__filename、__dirname) {从“酶”导入{配置}
我的测试过去是有效的，但我没有改变任何东西，我很好奇是什么导致了这个问题？
我的jest.config.js文件看起来是正确的：
import { configure } from 'enzyme'
import Adapter from 'enzyme-adapter-react-16
浏览 1提问于2019-04-28得票数 2
回答已采纳
1回答
我有一个回购，我现在正在工作，它使用干净的架构与TDD。当我在本地机器上运行测试时，一切正常。但是，当我尝试使用Github操作来在每次提交和PR上运行时，我得到了很多错误。我也有哈士奇和皮棉。 ? ? 我的jest配置如下： // jest.config.js
module.exports = {
roots: ['<rootDir>/src'],
collectCoverageFrom: ['<rootDir>/src/**/*.ts', '!<rootDir>/src/main/**']
浏览 31提问于2020-07-06得票数 1
我想使用Jest和React测试库来测试这个组件：
export function GenericDivider({ stepsHeader = [], componentsFactory = [] }) {
const [currentPage, changePage] = useState(0);
const Component = componentsFactory[currentPage] || (() => <></>);
return (
<div className="container page__cont
浏览 1提问于2020-02-07得票数 4
回答已采纳
我正在使用NestJS + MikroORM堆栈，并试图使用Jest编写测试。
在user.service.spec.ts上，我总是收到以下错误：
Nest无法解析UserService (?)的依赖关系。请确保索引处的参数UserRepository在RootTestModule上下文中可用。
The user.service.spec.ts
describe('UserService', () => {
let userService: UserService;
beforeEach(async () => {
const module:
浏览 7提问于2022-02-01得票数 1
回答已采纳
当我使用npm start运行我的开发服务器时，我的应用程序可以在http://localhost:3000/中完美运行。但是，当我对应用程序执行npm run build和firebase deploy操作时，该应用程序并未运行，并抛出错误：npm run build SyntaxError：firebase deploy token '<‘。 查找我的firebase.json： {
"functions": {
"predeploy": [
"npm --prefix \"$RESOURCE_DIR\
浏览 11提问于2020-12-31得票数 0
回答已采纳
3回答
我已经通过npx创建反应应用程序类型记录创建了应用程序。
由于babel抛出错误，我想使用一些带有名称空间的自动生成代码。
我试过的是：
取消了这个项目
更新babel/core至7.7
安装和配置
{
"name": "frontend2",
"version": "0.1.0",
"private": true,
"dependencies": {
"@babel/core": "
浏览 5提问于2019-11-09得票数 8
我使用jest在react中运行我的测试用例，我在运行测试用例时得到一个错误，我的App.test.js在下面
const { React } = require('react');
const { shallow } = require('enzyme');
const { Iconshow } = require('../../src/Component/Icon');
describe('Iconshow component', ()=>{
let wrapper;
beforeEach(()=>
浏览 1提问于2018-02-14得票数 3
回答已采纳
运行Jest后，我收到下面的错误。我没有太多的经验使用Jest，所以希望有人能提供信息，为什么这个测试失败。
结果：Jest测试结果：
- Snapshot
+ Received
- <span
- className="icon icon-dismiss size-2x "
- style={
- Object {
- "color": "inherit",
+ <Fragment>
+ <span
+ className="icon icon-dismiss size-2
浏览 2提问于2019-10-29得票数 2
回答已采纳
我的应用程序有一个文件，它用拦截器创建axios实例，然后api使用这个实例进行调用。问题是，当我试图为这个api编写测试时，TypeError: (0 , _axios.default) is not a function错误会失败。
下面是创建axios实例的poc：
const axiosInstance = axios.create({
timeout: 20000,
paramsSerializer(params) {
return qs.stringify(params, { indices: false });
},
});
axiosInstance.in
浏览 0提问于2020-05-14得票数 5
2回答
在故事书中使笑话在全球范围内可用
、、、、
我在一个@storybook/react项目中使用create-react-app 6。
对于我所有的存储/对象，我都有成千上万的测试和模拟，等等。
这些模拟使用了jest.fn()。
我想在我的故事故事中重复使用这些模仿，但是它说的是jest is not defined，这是有意义的。
我想知道，在运行故事书时，是否有一种简单的方法可以在全球范围内提供笑话。
目前，我正在使用的每个模拟文件中添加import jest from 'jest-mock'，但我想知道是否有更好的解决方案。
示例：
test.stories.tsx
import React from 'r
浏览 1提问于2020-10-14得票数 3
回答已采纳
1回答
我正在测试Home组件的视图，以响应Native0.68.2/jest29.0。简单的测试用例是从jest doc复制的：
import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { render, cleanup, screen, fireEvent } from "@testing-library/react-native";
import App from '../App';
desc
浏览 10提问于2022-08-31得票数 2
回答已采纳
在我的样式组件上获取类型记录错误
类型'{子:字符串；}‘没有与类型’IntrinsicAttributes‘..ts(2559)相同的属性。
import React from 'react'
import { NotificationSuccess, NotificationError } from '../../styles'
interface IProps {
error?: boolean;
message: string;
}
export const Notification = (props: IProps) =&
浏览 0提问于2019-03-12得票数 36
回答已采纳
我使用jest测试我的typescript代码。
import ClassA from '../classA';
jest.mock('../classA');
当我从我的classA.ts文件import一个class时，jest给我一个错误：
export default ClassA;
^^^^^^
SyntaxError: Unexpected token export
这是我在package.json中的jest配置
"devDependencies": {
"@types/jest": "^19.2.3
浏览 1提问于2017-05-25得票数 2
我试图在现有项目中使用Svelte和TypeScript配置Jest。
我已经按照设置了一切(使用Babel和)。
当我运行测试时，我得到了这样的信息：
FAIL src/tests/methods.test.ts
● Test suite failed to run
src/router/components/index.ts:1:19 - error TS2307: Cannot find module './SLink.svelte' or its corresponding type declarations.
1 import SLink fr
浏览 4提问于2020-12-05得票数 4
回答已采纳
1回答
(这与有一定的关系。我试着跟随答案，但他们并没有解决我的问题。)
我想构建一个通用的模拟(间谍)导航器，我可以通过它，就像我在这里使用spyNavigation一样
it('shows an error if the request fails', async () => {
const spyNavigation = {
replace: jest.fn(),
push: jest.fn(),
}
mockServer.use(
rest.get('*/users/current-user'
浏览 9提问于2022-05-02得票数 2
我在设置酶/jest时遇到了问题。
看起来我的配置里少了点什么。我使用create-react-app创建了这个项目，后来我安装了enzyme。如果我使用选择器测试小的组件，比如类名，它会工作得很好。但是当我想为我的组件添加一个测试时，我遇到了这个错误。我发现人们遇到了这个问题，但到目前为止还没有有效的解决方案。
我在这里粘贴了所有的细节，如果有人遇到这个问题，你是如何解决它的？
错误信息为：
FAIL src/__tests__/components/App.js
● Test suite failed to run
Invariant Violation: Target
浏览 1提问于2018-08-09得票数 1
回答已采纳
1回答
我以前的设置是这样的：
export class MyClass {
}
export default new MyClass()
然后我会这样做：import myclass from 'libraries/myclass'
现在我将其更改为：
export const myclass = new MyClass()
并像这样导入import { myclass } from 'libraries/myclass'，这在我的代码中似乎可以工作
然而，我所有的jest测试都失败了
我目前正在做的是：
jest.mock('libraries/myclas
浏览 4提问于2019-10-23得票数 2
我正在尝试用Jest测试一些React组件。
我可以成功地测试a)纯JS文件和b)用CJSX (Coffeescript和JSX)编写的React组件。使用Jest的预处理器将CJSX文件处理成JS需要进行一些配置--但这似乎是可行的。至少我可以测试用CJSX编写的简单React组件。我不认为这个问题是特定于编译CJSX文件的。
但是:当我引入react-bootstrap时，就会出现问题。这是必要的，因为我要测试的所有组件都使用react-bootstrap。
当我取消模仿react-bootstrap和离开Jest自动模仿它时，同样会发生这种情况。无论哪种方式，它都必须在它的测试运行器中解
浏览 0提问于2015-11-18得票数 0
jest无法导入导入的导入，这导致npm run test命令在bar.ts文件的第一行与SyntaxError: Unexpected token 'export'一起失败。在本例中，foo.js是一个本地文件，而不是节点模块。我可以将foo.js更改为foo.ts，并在bar.ts中更改导入，但这不是解决方案。
src文件夹中的文件：
foo.js
export const magicNumber = 42;
bar.ts
import { magicNumber } from './foo.js';
export const secondMagicNu
浏览 2提问于2021-03-03得票数 4
回答已采纳
1回答
我对泛型方法有问题。此方法不能在react-native中编译：
export default function of<T>(support: Support<T>, invoke: Invoke<T>): Renderer<T> {
return new Renderer<T>(support, invoke);
}
我的错误是：
bundling failed: SyntaxError: /path/Renderer.tsx: Unexpected token, expected "(" (25:26)
浏览 12提问于2019-07-27得票数 0
我刚刚更新到jest 24，看起来transformIgnorePatterns不能工作。 这是我收到的错误： /Users/lemoustachiste/work/frontend/node_modules/my-untranspiled-package/build/bundle.js:7948
export default Package$1;
^^^^^^
SyntaxError: Unexpected token export jest配置： module.exports = {
'modulePaths': [
'<
浏览 47提问于2019-02-04得票数 3
回答已采纳
我有Customer.js.flow类型的文件。
当我运行jest时，这个错误失败了：
Customer.js.flow:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){export type Customer = {
^^^^^^
SyntaxError:
浏览 2提问于2017-04-13得票数 0
1回答
我有一个简单的"util“模块，它有一个默认的导出和2个命名的导出。
const foo = () => 'foo'
export default foo
export const bar = () => 'bar'
export const baz = () => 'baz'
在我的测试中，我是这样嘲笑它的：
jest.mock('./util', () => ({
__esModule: true,
default: jest.fn(() => 'mocked f
浏览 1提问于2021-09-25得票数 4
回答已采纳
2回答
当我运行jest时，我会得到以下错误。看起来原因是与类型记录相关的，但是我在package.json中有一些类型记录处理，所以我不知道为什么它不会被处理。
Jest encountered an unexpected token
This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.
...
Details:
/Users/ryancocuzzo/ex/test/example/mobile-a
浏览 6提问于2022-02-03得票数 0
1回答
我正在试着测试那些导入再导出的名为导出的模块。基本的import语句正常工作(包括默认的和命名的)，但标题建议的情况除外。
repro： (我认为这是Jest的一个问题，但在打开开发之后，建议这是一个配置问题，所以我在这里问)
为了在此说明这一问题：
package.json
{
"name": "babel-jest-export-everything-bug",
"scripts": {
"test": "jest --config .jestrc.json"
},
"devDe
浏览 0提问于2018-02-12得票数 2
各种Jest文档显示了创建“自动”模拟、“手动”模拟或模拟(在构造函数中实例化依赖关系)。
但是，我希望使用DI / IOC并将依赖项注入到ctor中：
// IBar.ts <--- mock this
export default interface IBar {
/* ...methods... */
}
// Baz.ts <--- mock this
export default class Baz
浏览 6提问于2019-04-04得票数 11
回答已采纳
根据jest文档，最好使用genMockFromModule，然后根据您的需要模拟特定的方法：
这适用于默认导出，但如何与命名导出一起使用？
我试过这样做：
const matches = jest.genMockFromModule("../matches");
matches.index = jest.fn();
export {
...matches
}
但是，在导出方法时，不能使用spread操作符。
这样做：
const matches = jest.genMockFromModule("../matches");
matches.index
浏览 0提问于2019-06-03得票数 3
回答已采纳
显然，mock.mockRestore()没有恢复使用jest.mock()创建的模拟的原始实现。
// a.js
export default class A {}
// b.js
import A from './a';
export default class B extends A {}
// test.js
import A from './a';
import B from './b';
jest.mock('./a');
jest.mock('./b');
const b = new B(
浏览 1提问于2019-06-07得票数 29
1回答
我正在使用angular的Jasmine编写测试。在测试使用AGM的组件时，我得到以下错误：
C:\Path\node_modules\@agm\core\index.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename, global,jest){export * from './directives';
^^^^^^
SyntaxError: Unexpected token export
我知道我的测试component
浏览 0提问于2018-09-08得票数 3
1回答
我正在尝试使用jest和浅渲染来测试React原生组件。
但是，对ShallowRenderer.render()的调用会导致错误
SyntaxError:意想不到的记号..。在(tests/components/list-conditions-test.js:14:48) Object.eval (components/list-conditions.js:1:244)
测试代码非常简单，我甚至不需要使用assert语句来获得该错误：
jest.dontMock('../../components/list-conditions.js');
const React
浏览 1提问于2016-01-15得票数 2
我知道这个错误：
C:\Users\myname\Projects\ConfigEditor\MesConfiguration.WebClient\node_modules\tslib\tslib.es6.js:24
export function __extends(d, b) {
^^^^^^
SyntaxError: Unexpected token 'export'
我的jest-esm.config.mjs看起来像这样
const jestConfig = {
preset: 'jest-preset-angular/preset
浏览 5提问于2022-03-21得票数 5
1回答
我有以下js文件：
// db.js
export default /* ... */;
export const tableName = /* ... */;
以及下面的mock (使用jest)：
const MockDb = jest.genMockFromModule('../db.js');
export default MockDb.default;
export const { tableName } = MockDb;
现在，如果我将一个导出添加到我的原始db.js文件中，我还必须相应地触摸模拟。我宁愿让模拟文件自动从MockDb对象导出所有导出(该对象是由
浏览 2提问于2018-06-21得票数 0
我试图在这里搜索每一个类似的问题，不幸的是，没有任何解决方案对我有效。
我目前正试图模拟一个模块中的命名导出，该模块如下所示：
module.ts
export function someFunctionOne() {
// implementation
}
export const someFunctionTwo = function (
) {
// implementation
}
export const someFunctionThree = () => {
// implementation
}
export const someFunction
浏览 3提问于2021-04-22得票数 8
1回答
我从babel 6迁移到babel 7，我发现了一些我无法纠正的错误。
未知:意料之外的标记(即使我使用@babel/plugin-建议-对象-rest-扩展)。
这个问题出现在我运行jest单元测试套件的时候。
错误日志：
► yarn run test:unit
yarn run v1.13.0
$ jest --clearCache && jest --coverage=false
Cleared /tmp/jest_rs
FAIL test/unit/store.test.js
● Test suite failed to run
unknown:
浏览 0提问于2019-03-29得票数 1
我想在lambda函数上模拟stripe sdk，这就是如何在config上创建stripe实例。
export const stripe = new Stripe(STRIPE_SECRET_KEY, {
apiVersion: '2020-08-27',
typescript: true,
maxNetworkRetries: 2,
});
这就是如何在lambda函数上使用stripe实例。
import { stripe, STRIPE_TEST_USERS } from '../config';
await stripe.invoices
浏览 7提问于2022-09-20得票数 2
回答已采纳
1回答
我在我的角10应用程序中使用CKEditor5。经过漫长的、有点痛苦的集成过程之后，CKEditor在应用程序中工作得很好。如果存在差异，应用程序将被构造为nx。
但是，我现在无法为我的应用程序运行一些单元测试。对于使用CKeditor的组件(目前大约有5个组件)的任何单元测试现在都会失败，出现以下错误：
C:\path\to\my\repo\node_modules@ckeditor\ckeditor5-watchdog\src\editorwatchdog.js:12
进口{节流阀，cloneDeepWith，isElement }从‘寄宿-es’；
^
SyntaxError:无法在模
浏览 13提问于2021-03-04得票数 1
回答已采纳
我有一个用Vue CLI创建的Vue 2项目，这个项目已经进行了一段时间的Test咖啡馆测试。现在我也在尝试添加Jest测试。
当我运行我的应用程序(npm run serve = vue-cli-service serve)时，我会得到以下类型记录错误，原因是Jest和Test咖啡馆都声明了全局test()函数：
ERROR in /Users/.../app/node_modules/@types/jest/index.d.ts(44,13):
44:13 Cannot redeclare block-scoped variable 'test'.
42 | dec
浏览 5提问于2021-09-27得票数 1
回答已采纳
我正在尝试通过Jest测试我的React应用程序。当我运行下面的命令来运行我的测试时，jest会得到以下错误：
Debug Failure. False expression: Output generation failed
1 | import * as TestData from 'TestModule';
2 |
> 3 | export class TestDataEmitter {
4 | constructor() { }
5 | public emit() {
6
浏览 2提问于2018-04-13得票数 0
回答已采纳
我有以下文件：
sampleFunction.ts:
export default (x: number) => x * 2;
testFile:
import sampleFunction from './sampleFunction';
export default () => {
const n = sampleFunction(12);
return n - 4;
};
testFile.test.ts:
import testFile from './testFile';
const mockFn = jest.fn();
j
浏览 6提问于2022-05-02得票数 0
回答已采纳
我必须使用函数，例如a，b。它们都是一个模块的元素，它们被重新导出到index.js中。Function a调用function b。
如果我在文件的顶部使用jest.mock，那么它都可以工作，但是如果我想在每个it块中指定不同的b函数的模拟实现，它就不能工作。此外，我尝试使用jest.doMock，但它不能很好地工作。
a.js
import * as fromDependencies from '.'
export function(arg) {
return !fromDependencies && !arg;
}
b.js
export fun
浏览 0提问于2019-07-15得票数 0
2回答
这个问题并不是Jest特有的，因为它适用于所有具有固执功能的测试库。
ESM模块具有不可变的名称和默认导出，这意味着这不再有效：
// @filename foo.mjs
export function foo() { ... }
// @filename foo.test.mjs
import * as foo from './foo.mjs'
// Causes runtime error because named export "foo" is immutable
jest.spyOn(foo, 'foo')
ESM 当前监视/模拟命名
浏览 33提问于2022-08-16得票数 4
1回答
过去有一个关于这个问题的问题，但没有人回答：
我想为testdouble-jest创建一个类型，但其导出函数中的第二个参数是全局jest实例，它在@types/jest中声明为顶级声明的命名空间：
declare namespace jest {
mock(): something
// ...
}
编辑:下面是类型：
如何在test-double.d.ts声明中引用这个全局对象？我的声明如下，但取得了部分成功：
/// <reference types="jest" />
// do i actually need the above directive
浏览 0提问于2019-05-03得票数 1
我用Nestjs和Nestjsx-Crud库。服务类扩展了TypeOrmCrudService。我需要一些扩展TypeOrmCrudService示例的服务。有人有任何链接或知道如何修复下面的错误吗？
目前这是我的代码：
//jobService.spec
beforeAll(async () => {
jobsModule = await Test.createTestingModule({
providers: [
JobsService,
{ provide: getRepositoryToken(Job), useClass:
浏览 1提问于2020-06-07得票数 1
回答已采纳
我试图在VSCode中调试Jest测试，但它无法解决某些模块。我设置了一个断点，在这个断点下面调用jest.run是argv
"--runInBand"
"--no-cache"
"--watchAll=false"
"--config"
"{\"roots\":[\"<rootDir>/src\"],\"collectCoverageFrom\":[\"src/**/*.{js,jsx,ts,tsx}\",\"!src/**/*.d.ts
浏览 11提问于2021-12-15得票数 7
2回答
谷歌上有太多发散的帖子来选择一个清晰最新的解决方案.
我写了3个测试来检查不同的可能性
===========.测试1 OK ================
// helloJest.js
function sayHello() {
return "hello there jest"
}
module.exports = sayHello;
// helloJestTest
const sayHello = require('../../src/client/js/helloJest');
test('string returning hello
浏览 1提问于2019-01-01得票数 1
回答已采纳
当我从一个文件夹中运行jest，并且一些文件在父目录中时，我遇到了一个问题。
我的存储库看起来是这样的：
|-common
| |-.babelrc
| |-src
| |-js
| |-someDependencies.js
|-app
|-src
| |-js
| |-someCodeIncludingSomeDependencies.js
|-.babelrc
|-package.json
|-webpack.config.js
我的Jest配置在package.json中，是：
"jest": {
浏览 2提问于2019-09-04得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
