React/Gatsby中的图表js
React/Gatsby中的图表js是一种用于在网页上创建交互式图表的JavaScript库。它提供了丰富的图表类型和配置选项，使开发人员能够轻松地在React/Gatsby应用程序中集成图表功能。
图表js的主要特点和优势包括：
- 简单易用：图表js提供了简洁的API和丰富的文档，使开发人员能够快速上手并创建出具有各种样式和交互效果的图表。
- 可定制性强：图表js支持通过配置选项来自定义图表的外观和行为，开发人员可以根据需求调整图表的样式、颜色、标签等。
- 响应式设计：图表js能够自动适应不同的屏幕大小和设备类型，确保图表在各种环境下都能正常显示和交互。
- 数据可视化：图表js支持将数据以直观的方式展示出来，帮助用户更好地理解和分析数据。
- 丰富的图表类型：图表js提供了多种常见的图表类型，包括折线图、柱状图、饼图、雷达图等，满足不同场景下的需求。
在React/Gatsby中使用图表js可以通过以下步骤：
- 安装图表js库：可以通过npm或yarn安装图表js库，例如使用命令
npm install chart.js。 - 导入图表js库：在React/Gatsby组件中导入所需的图表js库，例如使用
import Chart from 'chart.js';。 - 创建图表：在组件的生命周期方法中，使用图表js的API创建图表实例，并传入相应的配置选项和数据。
- 渲染图表：在组件的渲染方法中，使用canvas元素来渲染图表。
以下是一些腾讯云相关产品和产品介绍链接地址，可以用于与React/Gatsby中的图表js集成：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于部署React/Gatsby应用程序。产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供高可靠、低成本的对象存储服务，用于存储React/Gatsby应用程序中的静态资源和数据。产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云内容分发网络（CDN）：加速React/Gatsby应用程序的内容分发，提供更快的访问速度和更好的用户体验。产品介绍链接：https://cloud.tencent.com/product/cdn
请注意，以上只是一些示例产品，实际选择产品时应根据具体需求进行评估和选择。
相关·内容
我克隆了一个gatsby应用程序，并在运行开发服务器时：
$ gatsby develop
我收到一个错误：
以上错误发生在应用程序中的组件中: StoreStateProvider中
React will try to recreate this component tree from scratch using the error boundary you provided, App.
ERROR
Warning: App: Error boundaries should implement getDerivedStateFromError(). In that metho
浏览 1提问于2020-05-06得票数 8
Error: Cannot find module 'sharp'
Require stack:
- D:\Marketing\sbj-react\suburban\node_modules\gatsby-plugin-manifest\safe-sharp.js
- D:\Marketing\sbj-react\suburban\node_modules\gatsby-plugin-manifest\gatsby-node.js
- D:\Marketing\sbj-react\suburban\node_modules\gatsby\dist\bootstr
浏览 1提问于2020-05-06得票数 1
回答已采纳
1回答
我得到了以下非常奇怪的构建问题，我似乎无法追踪到我正在构建的gatsby插件：。奇怪的是，当我在一个plugins目录下拥有完全相同的插件时，而不是通过npm，构建就通过了。
141 | var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace;
142 | var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
> 143 | var REACT_FORWA
浏览 0提问于2018-10-03得票数 0
我喜欢在我的gatsby网站上展示maplibre地图。我可以在React中完成。 gatsby develop没有向我显示错误。但是我在运行时在firefox中得到了这个错误： maplibre_gl__WEBPACK_IMPORTED_MODULE_2__.maplibregl is undefined ? 在Chrome中，它看起来像这样： ? 这是我在package.json中的依赖项 dependencies": {
"gatsby": "^3.13.0",
"gatsby-image": "
浏览 157提问于2021-09-06得票数 0
9回答
我有一个盖茨比网站，已经顺利运行了3个月的在线。截至7月24日星期五，我已经开始收到以下结果，用户只看到一个空白屏幕。
This is likely a bug in Gatsby and if refreshing the page does not fix it, please open an issue in https://github.com/gatsbyjs/gatsby/issues
at h (gatsby-browser-entry.js:77)
at O9Ll.t.default (buybike.js:52)
at
浏览 10提问于2020-07-26得票数 5
回答已采纳
我正在尝试创建gatsby项目，而不使用CLI来理解CLI生成的片段是如何工作的。但是我会在浏览器上弹出运行时错误。
未处理运行时错误
在文件中发现一个未处理的运行时错误。请参阅下面的列表来修复它：
函数RouteHandler中的错误./..cache/root.js:21无法读取未定义的属性“提供者”
./..cache/root.js:21
19 \/删除v3 20 \ const = props => (> 21 \x <BaseContext.Provider \^ 22 \x value={{ 23 \ baseuri：/，24个basepath：/，
目录结构
浏览 1提问于2021-07-11得票数 0
回答已采纳
我已经将gatsby-plugin-layout安装到我的项目文件中，创建了src/layouts/index.js，并将gatsby-plugin-layout添加到gatsby-config.js中。Gatsby应用程序编译并可以在开发服务器上服务，但是通过我的布局组件的console.log输出，我看到布局组件仍然在每个页面加载上重新挂载。我的目标是让布局组件在反应应用的过程中只挂载一次。
src/layouts/index.js
import React from "react"
import Header from "../components/header&
浏览 0提问于2019-10-04得票数 1
回答已采纳
1回答
我在盖茨比中使用的是material主题和redux。
我的theme.ts文件：
import { createMuiTheme } from "@material-ui/core";
import { useSelector } from "react-redux";
import { State } from "./Types/SliceTypes";
export const Theme = () => {
const islit = useSelector((state: State) => state.themes.v
浏览 4提问于2021-04-16得票数 0
当我试图使用静态查询在gatsby项目中使用gatsby映像加载图像时，会出现此错误。为了给您提供一些上下文，我使用多个gatsby网站制作了一个monorepo，并重用了共享组件。文件夹的层次结构是：
包
共享用户界面
图像
lightlogo.png
- components
- lightlogo.js
- index.js
- ventures
- src
- pages
- 404.js
index.js文件导出页面的lightlogo徽标组件以访问它。
浏览 1提问于2020-12-03得票数 0
我正在学习Redux，在尝试使用Redux设置Gatsby时遇到了一个问题。我在使用createStore时遇到了这个错误： C:/Users/wools/github/nutritionist-website/gatsby-site/node_modules/redux/es/redux.js:91 Uncaught (in promise) Error: Expected the reducer to be a function.
at createStore (C:/Users/wools/github/nutritionist-website/gatsby-site/node
浏览 15提问于2020-04-16得票数 0
回答已采纳
1回答
我正在尝试创建一个样式化的组件库包，这样我就可以在不同的项目中重用我的样式。
为了测试如何做到这一点，我有两个项目。
ExampleStyledComponent --我正在尝试构建我的components.Gatsby项目--一个简单的‘盖茨比新项目’。项目
我设法用'npm链接‘在浏览器中正确地显示了我的测试组件，但是当我应用这些样式时，我一直在浏览器中得到一个“无效钩子调用”错误。
包裹-
- src
- TestComponent.js
- index.js
- package.json
TestComponent.js -
import React from '
浏览 1提问于2020-08-12得票数 5
1回答
嗯，我很难在Netlify上建立我的盖茨比网站。
在我的个人电脑上，一切似乎都很好，没有一个问题，但是一旦我上传到Netlify，我就会得到这样的错误：
11:22:50 AM: Error: Unable to find plugin "gatsby-plugin-React-helmet". Perhaps you need to install its package?
11:22:50 AM:
11:22:50 AM: - load.js:109 resolvePlugin
11:22:50 AM: [repo]/[gatsby]/dist/b
浏览 3提问于2020-01-30得票数 0
回答已采纳
嗨，我收到一个错误，尝试和寻找许多解决方案，但没有成功。
以下是错误：
failed Building static HTML for pages - 6.632s
ERROR #95313
Building static HTML failed for path "/blog/path/"
See our docs page for more info on this error: https://gatsby.dev/debug-html
WebpackError: TypeError: Cannot read properties of undefine
浏览 16提问于2022-11-24得票数 0
回答已采纳
3回答
我试图添加一个博客到我的盖茨比网站，其中涉及增加MDX的支持。当我试图通过运行以下命令安装时，我会得到以下错误：
命令 npm install gatsby-plugin-mdx @mdx-js/mdx@v1 @mdx-js/react@v1
误差
E:\Dev\Web\dantcho.com>npm install gatsby-plugin-mdx @mdx-js/mdx@v1 @mdx-js/react@v1
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm
浏览 27提问于2022-06-18得票数 1
我正在尝试使用GatsbyJS创建一个博客。我遵循以下教程 https://www.gatsbyjs.org/docs/recipes/#optimizing-and-querying-images-in-post-frontmatter-with-gatsby-image 博客包含标题、特色图片和文本。 MDX-file结构如下所示。 ---
title: My First Post
featuredImage: ./corgi.png
---
Post content... 而且，gatsby-node.js文件中的代码如下 exports.createPages = async ({
浏览 8提问于2019-10-06得票数 2
我查了很多线索，但找不到相关的线索，所以我在这里问。我基本上使用@drei依赖项在我的gatsby站点中添加了一个GLTF文件(我在Sushi.jsx中声明了该文件)。在我的本地开发服务器上，一切正常工作: gatsby开发或gatsby构建没有错误。但是在我的ubuntu液滴上，它总是抛出这个WebpackError：#95313。我不确定这是否与3D模型有关，还是仅仅是@drei本身的转换错误。
ERROR #95313
Building static HTML failed
See our docs page for more info on this error: https:
浏览 8提问于2021-02-06得票数 1
更新
从我的gatsby-plugin-preact中删除gatsby-config.js解决了这个问题。我不知道为什么，我想用预言片
我从以下几个方面开始这个项目：
gatsby new gatsby-starter-default https://github.com/gatsbyjs/gatsby-starter-default
我运行gatsby develop
ERROR #98124 WEBPACK
Generating SSR bundle failed
Can't resolve 'react-dom' in '/path/node_
浏览 6提问于2020-08-29得票数 3
回答已采纳
我在构建我的gatsby项目时遇到了麻烦。开发工作正常，但当我尝试构建时，我得到了一个错误：
ERROR #95313
Building static HTML failed for path "/Components/Layout/Footer/"
See our docs page for more info on this error: https://gatsby.dev/debug-html
7 |
8 | if (isProduction) {
9 | throw new Error(prefix);
| ^
10
浏览 1提问于2019-09-30得票数 1
我有一个package.json文件，其中包含 "dependencies": {
"packageA": "^1.0.0", 这个package A在他的package.json中还有另一个依赖项 "dependencies": {
"packageA_B": "^1.0.0", 然后，如果我在windows 10上运行npm install，node v11.11.0最终会得到 /node_modules/packageA
/node_modules/packageA/node_modul
浏览 36提问于2019-04-02得票数 0
我正在尝试通过useStaticQuery从gatsby-config.js获取值。我的代码如下。
有没有人有办法解决这个问题呢？
提前谢谢你
存储库
package.json
"dependencies": {
"@babel/core": "^7.5.5",
"gatsby": "^2.13.28",
"gatsby-link": "^2.2.2",
"gatsby-plugin-react-helmet": "^3.1.
浏览 1提问于2019-08-04得票数 3
目标:尝试使用盖茨比创建一个简单的博客
成果：
- Expected Outcome: Things should go as defined in the tutorial guide
- Actual Outcome: Getting Dependency tree error in step(s) & Also a warning message like `34 vulnerabilities (11 moderate, 23 high)` whenever installing something using npm in this project
浏览 11提问于2022-07-06得票数 3
在gatsby-browser.js和gatsby-ssr.js中使用gatsby-ssr.js会导致页眉和页脚元素呈现两次。
gatsby-browser.js
import React from 'react';
import PageLayout from './src/components/layout/PageLayout';
export const wrapPageElement = ({ element, props }) => {
// Wraps every page in a component
return <Pag
浏览 14提问于2021-12-23得票数 3
无法在开发服务器中运行Gatsby应用程序。
尝试解决办法：
node_modulesdelete 试图安装polyfill-remote-file，但该模块甚至不存在，更新了 node_modules和reinstalldelete package.json，并创建了一个新的
我试着做上面的工作，以及在互联网上提供的其他潜在的解决方案，但是到目前为止没有什么效果。
package.json
{
"name": "slicks-slices-frontend",
"private": true,
"description
浏览 14提问于2022-05-10得票数 -1
1回答
我正在改造盖茨比的博客，这个博客速度很快，一切看起来都很完美，但我面临着不同的问题，因为我通过Netlify CMS获得的图片没有在博客中正确显示，图像看起来很模糊。我不知道这里出了什么问题。
下面是问题语句的示例
以下是我的gatsby-config.js的摘录。
plugins: [
`gatsby-plugin-sitemap`,
`gatsby-plugin-netlify-cms`,
{
resolve: 'gatsby-source-filesystem',
options:
浏览 1提问于2020-03-22得票数 1
回答已采纳
正如标题所说，我有一个静态查询，用于显示svg的publicURL。这在graphiql中工作得很好，我在其他文件中对其他svg也有非常类似的查询，但由于某些原因，这个确切的查询给了我错误。这些错误中最奇怪的部分是，如果我注释掉查询，保存文件并让gatsby热重新加载，然后取消注释，保存并再次热重新加载，则会出现图标。
下面是一个重现错误的分支：
还有有问题的特定组件。
import * as React from 'react';
import { useStaticQuery, graphql } from 'gatsby';
interface Icon
浏览 1提问于2021-04-28得票数 1
我有盖茨比的应用程序。
当我在本地构建它时，它工作得很好，但是当我尝试将它部署到Netlify或Gitlab时，我会得到以下错误消息: Netlify错误消息：
8:44:20 PM: npm WARN config tmp This setting is no longer used. npm stores temporary files in a special
8:44:20 PM: npm WARN config location in the cache, and they are managed by
8:44:20 PM: npm WARN config [`cacac
浏览 4提问于2022-06-25得票数 0
回答已采纳
1回答
您好，我正在使用Gatsby使用股票市场API构建我的应用程序，并且我是Gatsby的新手。我试图将我的每个页面包装在<Layout> </Layout>周围，因为在我的layout.js中有一个页眉和页脚，然后在我所有的页面上，都会有相同的标题和页脚，而不会重复代码。我得到的错误是Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You l
浏览 19提问于2020-06-17得票数 1
回答已采纳
当我尝试在react中启动我的项目时，我得到了这个错误，我正在使用Ubuntu系统 Found bindings for the following environments: - Linux 64-bit with Node.js 9.x 我用的是node -v : 10.13.0和npm -v : 6.11.2，这里还附上了我的package.json文件，有没有人能帮我解决这个问题？ {
"name": "gatsby-starter-hello-world",
"private": true,
"descrip
浏览 16提问于2020-08-25得票数 1
回答已采纳
我试图运行gatsby develop来启动开发服务器，但是我得到了以下错误：
There was a problem loading the local develop command. Gatsby may not be installed in your site's "node_modules" directory. Perhaps you need to run "npm install"? You might need to delete your "package-lock.json" as well.
这就是我正在做的项目
浏览 0提问于2020-12-05得票数 2
1回答
我使用从Github 中提取文件。它运行得很好，但是我在中添加了一些文件，并且我无法将新的文件拖到我的盖茨比项目中。
如果我在http://localhost:8000/___graphql中运行这个查询
query MyQuery {
allMarkdownRemark {
edges {
node {
frontmatter {
title
}
fileAbsolutePath
}
}
}
}
我得到了这个结果：
{
"data": {
"
浏览 1提问于2020-05-29得票数 0
回答已采纳
我想要实现的
在打字稿中使用“Gatsby插件-暗模式”
我至今所做的一切
yarn add gatsby-plugin-dark-modeinclude‘gatsby-plugin--在gatsby-config.js中安装“gatsby插件-暗模式”
module.exports = {
plugins: ['gatsby-plugin-dark-mode'],
}
定义了ThemeToggler组件并导入了ThemeToggler
import React from 'react'
import { ThemeToggler } from 'ga
浏览 2提问于2021-04-09得票数 1
回答已采纳
我试图用Auth0和Redux实现盖茨比
由于Auth0和Redux都需要在gatsby-browser.js中使用wrapRootElement，我如何将两者合并才能在盖茨比中成功地使用它们？提前感谢
gatsby-browser.js
// used by Auth0
export const wrapRootElement = ({ element }) => {
return <SessionCheck>{element}</SessionCheck>
}
// used by Redux
export { default as wrapRootEl
浏览 5提问于2020-02-14得票数 1
我花了三个小时来调试这个盖茨比构建错误。
它说要使用非缩小的命令，但是gatsby develop不会抛出任何错误，所以我有点不确定如何调试它。
在线查看对/styles/文件夹的显示非常少。
我的Netlify服务器还抛出相同的错误，以及在Mac上本地失败。
对从哪里开始有什么建议吗？
ERROR
Page data from page-data.json for the failed page "/styles/": {
"componentChunkName": "component---src-pages-styles-js",
浏览 4提问于2022-02-02得票数 0
回答已采纳
我有问题的svgs作为进口的I盖茨比网站。一切似乎都很好地发展，建立和服务的方式。当我将站点部署在与netflify集成的gatsby云上时，导入的所有svg都不能作为内联html代码正常工作。奇怪的是，我在构建/部署过程中没有发现任何错误。有人能帮忙吗？下面是我的依赖项和在站点上使用svg的示例。
"dependencies": {
"@mdx-js/mdx": "^1.6.6",
"@mdx-js/react": "^1.6.6",
"babel-plugin-styled-components"
浏览 1提问于2020-07-13得票数 0
回答已采纳
我遇到了一个问题，使用gatsby-ssr和react上下文似乎会使我的构建失败。
我得到了这些错误-并发现问题出在gatsby ssr文件上。通过删除它，构建工作吗？使用Gatsby，内容丰富。
const React = require("react")
const GlobalContextProvider = require('./src/context/GlobalContext')
exports.wrapRootElement = ({ element }) => {
return (
<GlobalContextProvi
浏览 0提问于2020-06-18得票数 0
2回答
通过安装以下软件包，我在gatsby中使用redux：
react react-redux gatsby-plugin-react-redux
这是store.js文件：
import { createStore } from 'redux';
import { reducer } from './reducer';
export default (preloadedState) => {
return createStore(reducer, preloadedState);
};
gatsby-config.js
module.exports
浏览 4提问于2020-11-16得票数 0
回答已采纳
WebpackError:未能找到元素上下文；您需要将调用useStripe()的应用程序部分包装在提供程序中 我正在使用stripe为我正在开发的gatsby网站筹集捐款。它使用firebase作为后端。我在当地成功地接受了stripe的捐赠。但是当我推送到github时得到了一个webpack错误，所以我的更改将会出现在我的实时netlify链接上。以下是错误消息的一部分： 5:05:22 PM: success run queries - 80.938s - 42/42 0.52/s
5:05:30 PM: []
5:05:30 PM: failed Building static H
浏览 42提问于2020-04-15得票数 4
回答已采纳
1回答
我是一名Gatsby新手，我正在学习使用react-intl创建gatsby本地插件的教程：。我将插件放在项目根目录下的plugins文件夹中。
这是插件的演示代码(演示项目回放：)
// ./src/wrap-page-element.js
import * as React from 'react'
import { IntlProvider } from 'react-intl'
const message = {
welcome: 'Welcome',
home: 'Home',
}
const wrapPag
浏览 22提问于2021-03-10得票数 1
1回答
我已经安装了npm包引导程序+将其导入到gatsby-browser.js文件中(见下文)。引导CSS可以工作，但问题是我一直在控制台中获取此错误消息。我做错了什么？
可能出现的问题：
我需要安装react引导吗？
另一个盖茨比插件？
我是不是错过了额外的盖茨比设置？
错误：
[Error] Not allowed to load local resource: blob://nullhttp//localhost:8000/bootstrap.min.css.map
[Error] Not allowed to request resource
[Error] Canno
浏览 21提问于2020-07-14得票数 1
4回答
我一直在调整Gatsby，到目前为止，它为静态网站提供了无缝的功能。我有堆栈，我需要使用bootstrap设计布局就布局而言，bootstrap工作得很好，但对于其他支持，如下拉菜单、旋转木马或模式，我必须使用bootstrap.js和它的依赖项，虽然在本地环境中一切正常，但当我部署我的网站我们的netlify时，我面临着这个问题
4:25:02 PM: failed during stage 'building site': Build script returned non-zero exit code: 1
4:25:01 PM: 7 | //# sourceMapp
浏览 3提问于2019-06-07得票数 18
回答已采纳
电流行为
嗨。我正在使用Gatsby，我的布局组件(包含页眉和页脚)放置在gatsby-browser.js & gatsby-ssr.js‘wrapPageElement中。但是，在这样做时，布局将呈现在每个页面上。我将布局组件放置在gatsby浏览器和gatsby-ssr中，因为我的头中有动态内容，如果用户通过身份验证，它将显示用户的电子邮件和导航链接。
期望行为
我希望我的索引页不要用布局包装，因为它只是一个静态页面，只适用于设计，不会有任何动态内容
从今以后，有没有办法，我可以不做布局在我的index.js？谢谢
gatsby-ssr.js & gatsby-brows
浏览 3提问于2020-03-22得票数 2
我不确定从哪里开始对gatsby/netlify问题进行故障排除。当我在本地运行gatsby develop时，我的站点看起来像是一种方式，当我部署到Netlify时，它可以用另一种方式工作。
人们从哪里开始修复/排除这类问题呢？
我的gatsby-config.js
const dotenv = require("dotenv")
dotenv.config({
path: `.env.${process.env.NODE_ENV}`,
})
module.exports = {
siteMetadata: {
title: `Berlin Music M
浏览 0提问于2019-11-07得票数 2
如果这是盖茨比，webpack或npm的问题，我还不明白。
我在终端中执行了这些命令，它们似乎启动了这个问题，试图修复一个有“无法找到模块”错误的资料-ui "Popper“模块。
npm install react-popper@next --save
npm install avj
npm install --save-dev webpack
npm install & npm update
航站楼：
错误--加载本地develop命令时出现问题。不可能安装盖茨比。也许你需要运行"npm安装“？
Error: Cannot fin
浏览 0提问于2018-08-10得票数 1
回答已采纳
我正在尝试完成我的gatsby电子商务网站的构建过程。
通常，常见错误“窗口未定义”很容易调试，因为该错误还会输出在服务器端呈现中引用窗口对象的位置和代码。但对我来说，输出的唯一内容是：
并且它没有给出错误发生在哪里的指示。此外，搜索我的整个项目，甚至在node_modules上搜索关键字'window‘都没有返回任何结果！
我应该注意到，所有代码都是通过node_modules导入的。我没有任何来自CDN或其他东西的导入。如果windows对象甚至没有被声明，还会抛出这个错误吗？
下面是我的依赖项
"dependencies": {
"@fort
浏览 0提问于2020-07-08得票数 1
一旦我将gatsby包更新到最新版本，即现在的4.10.1版本，或4.6之后的任何版本，它就会直接给出这个错误，而不会对代码进行任何更改：
ERROR
`input` must not start with a slash when using `prefixUrl`
Error: `input` must not start with a slash when using `prefixUrl`
- index.js:484 normalizeArguments
[guidedby-react]/[got]/dist/source/core/index.js:4
浏览 13提问于2022-03-20得票数 0
1回答
我已经安装了gatsby-plugin-react-svg，但是当我更新gatsby-config文件时，它会导致“太多递归”错误。我尝试过在gatsby文档页面上推荐的配置，但仍然给出了错误。
错误：
InternalError: too much recursion
./node_modules/style-loader/lib/urls.js/module.exports
node_modules/style-loader/lib/urls.js:57
54 |
55 | /gi = Get all matches, not the first. Be case ins
浏览 5提问于2020-11-19得票数 2
回答已采纳
我正在尝试使用AWS S3、CloudFront、CodePipeline和Travis CI来部署我的投资组合网站。一切都很好，但是特拉维斯·CI的构建一直在失败。
gatsby build给出了一个错误：
error #98123 WEBPACK
Generating JavaScript bundles failed
与我的非常相似，但是这个解决方案与我的解决方案无关，因为我没有纱线文件，我尝试重新安装我的npm依赖项。
这是我的日志副本：
Generating JavaScript bundles failed
Can't resolve '../components
浏览 0提问于2019-07-24得票数 5
我正在尝试用Jest和酶法在类型记录中进行测试，但是测试会抛出一个SyntaxError：
FAIL src/_components/Button/__tests__/Button.spec.tsx
● Test suite failed to run
/Users/mikaelboutin/Desktop/self/gatsby-react-intl-starter/jest.setup.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filen
浏览 7提问于2019-09-24得票数 5
回答已采纳
这个错误在我几个月前的构建中没有发生，我在使用npm v6.14.5的节点npm v6.14.5上。
6:09:13 PM: $ gatsby build
6:09:13 PM: internal/modules/cjs/loader.js:1085
6:09:13 PM: throw new ERR_REQUIRE_ESM(filename, parentPath, packageJsonPath);
6:09:13 PM: ^
6:09:13 PM: Error [ERR_REQUIRE_ESM]: Must use import to load ES Module
浏览 32提问于2022-04-13得票数 2
我在Gatsby.js中有一个插件Gatsby.js (React)。看起来是这样的：
/* file: gatsby-browser.js */
const typeWriting = () => {
new Typewriter('#intro-typing', {
strings: ['Drupal', 'WordPress', 'OpenCart'],
});
}
export const onInitialClientRender = () => {
typeWriting();
}
我想
浏览 2提问于2021-02-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
