如何使用module.exports为getData()编写测试，但需要使用React/Gatsby的ESM导出语法。Json文件无法解析

文章/答案/技术大牛

发布

1回答

reactjs、testing、jestjs、gatsby、import-module

下面是我的函数。我需要在我的React/Gatsby应用程序中使用它们，因此我使用ESM导出语法将其导出。但我不能用它来测试。问题:请参阅printscreen..Jest似乎不喜欢Json文件？ ? import gameOfThrones from "../data/gameOfThrones.<e

浏览 12提问于2021-03-28得票数 1

回答已采纳

2回答

不能要求gatsby-plugin的注释和重新炒作插件。

gatsby、remarkjs、gatsby-plugin-mdx

我试图按照的方式为gatsby添加rehype插件。具体来说，我试图使用rehype-slug插件。我安装了带有npm的软件包，并将我的gatsby.config.js文件设置为module.exports = { siteUrl: "https://www.yourdomain.tld", title: "t

浏览 2提问于2021-09-13得票数 6

回答已采纳

1回答

从28+版本开始，您只能在Jest测试中导入ES模块吗

unit-testing、jestjs

我目前正在经历从Jest 27升级到29的过程。我在28个升级文档：中注意到了这一点。我是否正确地理解，如果我在jest- environment -jsdom环境下进行测试，我将无法导入一个不导出ESM模块的库？这似乎是我观察到的行为，但想巩固我的理解。

浏览 4提问于2022-09-07得票数 0

回答已采纳

2回答

帮助调试当前的解决方案使用指挥官或改变方法的读写线和事件发射器？

javascript、node.js、command-line-interface、readline、node-commander

我正在尝试为节点js构建一个CLI，只使用only和conf模块在节点js中完成应用程序，并使用粉笔对输出进行着色。我不知道如何解决返回的错误： ReferenceError:在ES模块作用域中没有定义require，您可以使用import来代替这个文件被视为ES模块，因为它的'.js‘文件扩展名包含"type"：“若要将其视为CommonJS脚本，请将其重命名为使用“.cjs”

浏览 5提问于2022-01-02得票数 0

回答已采纳

1回答

tsconfig中的模块选项是用来做什么的？

javascript、typescript、compilation、commonjs、tsconfig

但这样我们就有了esnext, es16这样的选择。在我通过之后，我理解了import() expressions are understood in esnext。无论如何，编译器的目的是将代码编译成浏览器可理解的语法(Commonjs)。因此，将代码编译到给定的模块类型是没有意义的。那么，这是否意味着您给出的模块类型告诉编译器代码是用什么语法编写的？但是，我们有模块类型com

浏览 1提问于2019-04-02得票数 31

回答已采纳

1回答

如何在角4项目中导入引导-数据采集器？

javascript、angular、typescript、webpack、angular-cli

我尝试按照教程的说明将引导-数据交换器集成到我的角4项目中，但是我得到了下面的错误和警告。

浏览 0提问于2017-10-11得票数 0

2回答

偷8和玩笑

reactjs、typescript、jestjs、es6-modules、swiper.js

Swiper 8和Jest (支持ESM)必须使用导入来加载ES模块我们如何解决我是否需要保持8(不降级)

浏览 27提问于2022-05-06得票数 2

1回答

节点-配置错误[ERR_REQUIRE_ESM]：必须使用导入加载ES模块/default.js

node.js、es6-modules、ecma、node-config

我在我的节点项目中使用ESM。在"type": "module"中添加package.json// default.js export default/config/default.js': Error [ERR_REQUIRE_ESM]: Must use import to load ES

浏览 15提问于2022-01-26得票数 1

1回答

Javascript类不能构造(在Node.Js中)。获取TypeError: X不是构造函数

javascript、node.js、typeerror

但是，每当我从我的index.js文件中运行这段代码时：这是目录树：————> index.js这是Rectangle.js文件中的代码if(m == 0){ }else{ } }

浏览 8提问于2022-11-09得票数 0

回答已采纳

1回答

如何在盖茨比(也就是使用webpack目标节点)中使用jsdom？

javascript、node.js、webpack、gatsby、jsdom

我希望在Gatsby项目中使用，以便能够在React组件中加载和呈现单独的网页。/jsdom/lib/jsdom/living/xhr‘中解析“child_process” module.exports = { target:

浏览 2提问于2021-02-22得票数 2

1回答

Jest (ESM)不能导入反应本地组件

react-native、jestjs、ts-jest、react-native-testing-library

尝试使用带有ESM配置的Jest测试本机组件，并获得Jest无法解析来自'react-native'的导入的错误。</Text>); 示例测试： import React, { ReactElement } from 'react</e

浏览 21提问于2022-11-06得票数 0

2回答

构建具有默认和命名导出的类型记录库？

typescript、commonjs、rollupjs、transpiler、npm-publish

我喜欢将React作为默认对象(如import React from 'react' )导入，并以非结构化的方式导入，比如import { useEffect } from 'react'，甚至import我正在尝试为npm构建我自己的类型记录库，它可以通过所有3种方式导入(除了通常的require语法之外，到目前为止，我在它上花费了大约15个小时，却无法让它工作(令人沮丧)。

浏览 10提问于2022-04-28得票数 0

3回答

如何用Gatsby图像渲染svg文件？

javascript、react-hooks、graphql、gatsby

目前，在我的项目中，我有一个包含所有svg文件的文件夹，从graphql获取它们的查询如下： allFile(filter: {extension: {regexrelativeDirectory: {eq: "svg"}}) { node { name }} 但是与图像文件(.png、jpg等)不同，我没有Gats

浏览 29提问于2022-03-29得票数 0

3回答

基于ES6的条件导出process.env.NODE_ENV模块的可能性？

javascript、ecmascript-6、module、static、export

我编写了一个实用程序库，当我的用户publishes他们的应用程序时，我想对它们进行publishes。在Webpack v4中，您需要使模块ES6支持tree-shaking，但我也希望将development build和production build拆分为不同的文件。我想要的正是react的NPM模块：'use strict'; if (process.env

浏览 0提问于2019-03-19得票数 7

回答已采纳

5回答

angular

platform-browser-dynamic": "2.0.0-rc.4", "@angular/upgrade": "2.0.0-rc.4", 我正在使用偶尔，我会选择“错误”的一个，最后会出现大量的编译错误。正如我所了解的，错误的包总是/通常是包含一个Angular2子<em

浏览 1提问于2016-08-08得票数 7

回答已采纳

点击加载更多