错误：找不到模块“gatsby-plugin-image/graphql-utils” 添加新包

分类：编程问答

如何解决错误：找不到模块“gatsby-plugin-image/graphql-utils” 添加新包

所以我正在尝试在 Netlify 中运行我的测试博客，但出现以下错误。 不知道怎么回事

9:27:11 PM: error "gatsby-source-contentful" threw an error while running the setFieldsOnGraphQLNodeType lifecycle:
9:27:11 PM: Cannot find module 'gatsby-plugin-image/graphql-utils'
9:27:11 PM: Require stack:
9:27:11 PM: - /opt/build/repo/node_modules/gatsby-source-contentful/extend-node-type.js
9:27:11 PM: - /opt/build/repo/node_modules/gatsby-source-contentful/gatsby-node.js
9:27:11 PM: - /opt/build/repo/node_modules/gatsby/dist/bootstrap/load-plugins/validate.js
9:27:11 PM: - /opt/build/repo/node_modules/gatsby/dist/bootstrap/load-plugins/load.js
9:27:11 PM: - /opt/build/repo/node_modules/gatsby/dist/bootstrap/load-plugins/index.js
9:27:11 PM: - /opt/build/repo/node_modules/gatsby/dist/services/initialize.js
9:27:11 PM: - /opt/build/repo/node_modules/gatsby/dist/services/index.js
9:27:11 PM: - /opt/build/repo/node_modules/gatsby/dist/bootstrap/index.js
9:27:11 PM: - /opt/build/repo/node_modules/gatsby/dist/commands/build.js
9:27:11 PM: - /opt/build/repo/node_modules/gatsby-cli/lib/create-cli.js
9:27:11 PM: - /opt/build/repo/node_modules/gatsby-cli/lib/index.js
9:27:11 PM: - /opt/build/repo/node_modules/gatsby/dist/bin/gatsby.js
9:27:11 PM: - /opt/build/repo/node_modules/gatsby/cli.js
9:27:11 PM: 
9:27:11 PM: 
9:27:11 PM:   Error: Cannot find module 'gatsby-plugin-image/graphql-utils'
9:27:11 PM:   Require stack:
9:27:11 PM:   - /opt/build/repo/node_modules/gatsby-source-contentful/extend-node-type.js
9:27:11 PM:   - /opt/build/repo/node_modules/gatsby-source-contentful/gatsby-node.js
9:27:11 PM:   - /opt/build/repo/node_modules/gatsby/dist/bootstrap/load-plugins/validate.js
9:27:11 PM:   - /opt/build/repo/node_modules/gatsby/dist/bootstrap/load-plugins/load.js
9:27:11 PM:   - /opt/build/repo/node_modules/gatsby/dist/bootstrap/load-plugins/index.js
9:27:11 PM:   - /opt/build/repo/node_modules/gatsby/dist/services/initialize.js
9:27:11 PM:   - /opt/build/repo/node_modules/gatsby/dist/services/index.js
9:27:11 PM:   - /opt/build/repo/node_modules/gatsby/dist/bootstrap/index.js
9:27:11 PM:   - /opt/build/repo/node_modules/gatsby/dist/commands/build.js
9:27:11 PM:   - /opt/build/repo/node_modules/gatsby-cli/lib/create-cli.js
9:27:11 PM:   - /opt/build/repo/node_modules/gatsby-cli/lib/index.js
9:27:11 PM:   - /opt/build/repo/node_modules/gatsby/dist/bin/gatsby.js
9:27:11 PM:   - /opt/build/repo/node_modules/gatsby/cli.js
9:27:11 PM:   
9:27:11 PM:   - loader.js:966 Function.Module._resolveFilename
9:27:11 PM:     internal/modules/cjs/loader.js:966:15
9:27:11 PM:   
9:27:11 PM:   - loader.js:842 Function.Module._load
9:27:11 PM:     internal/modules/cjs/loader.js:842:27
9:27:11 PM:   
9:27:11 PM:   - loader.js:1026 Module.require
9:27:11 PM:     internal/modules/cjs/loader.js:1026:19
9:27:11 PM:   
9:27:11 PM:   - v8-compile-cache.js:159 require
9:27:11 PM:     [repo]/[v8-compile-cache]/v8-compile-cache.js:159:20
9:27:11 PM:   
9:27:11 PM:   - extend-node-type.js:817 getGatsbyImageData
9:27:11 PM:     [repo]/[gatsby-source-contentful]/extend-node-type.js:817:9
9:27:11 PM:   
9:27:11 PM:   - extend-node-type.js:873 Object.exports.extendNodeType [as setFieldsOnGraphQL    NodeType]
9:27:11 PM:     [repo]/[gatsby-source-contentful]/extend-node-type.js:873:22
9:27:11 PM:   
9:27:11 PM:   - api-runner-node.js:434 runAPI
9:27:11 PM:     [repo]/[gatsby]/src/utils/api-runner-node.js:434:22
9:27:11 PM:   
9:27:11 PM:   - api-runner-node.js:585 Promise.catch.decorateEvent.pluginName
9:27:11 PM:     [repo]/[gatsby]/src/utils/api-runner-node.js:585:13
9:27:11 PM:   
9:27:11 PM:   - debuggability.js:384 Promise._execute
9:27:11 PM:     [repo]/[bluebird]/js/release/debuggability.js:384:9
9:27:11 PM:   
9:27:11 PM:   - promise.js:518 Promise._resolveFromExecutor
9:27:11 PM:     [repo]/[bluebird]/js/release/promise.js:518:18
9:27:11 PM:   
9:27:11 PM:   - promise.js:103 new Promise
9:27:11 PM:     [repo]/[bluebird]/js/release/promise.js:103:10
9:27:11 PM:   
9:27:11 PM:   - api-runner-node.js:583 
9:27:11 PM:     [repo]/[gatsby]/src/utils/api-runner-node.js:583:16
9:27:11 PM:   
9:27:11 PM:   - util.js:16 tryCatcher
9:27:11 PM:     [repo]/[bluebird]/js/release/util.js:16:23
9:27:11 PM:   
9:27:11 PM:   - reduce.js:166 Object.gotValue
9:27:11 PM:     [repo]/[bluebird]/js/release/reduce.js:166:18
9:27:11 PM:   
9:27:11 PM:   - reduce.js:155 Object.gotAccum
9:27:11 PM:     [repo]/[bluebird]/js/release/reduce.js:155:25
9:27:11 PM:   
9:27:11 PM:   - util.js:16 Object.tryCatcher
9:27:11 PM:     [repo]/[bluebird]/js/release/util.js:16:23
9:27:11 PM:   
9:27:11 PM: 
9:27:11 PM: not finished building schema - 0.490s

我可以在开发模式下运行，就在我尝试上线时出现此错误， 我已经检查过这个“模块”我在我的项目的“节点模块”中有它们，我不知道为什么在 Netlify 上找不到。

这是我的gatsby-config.js

{
  "name": "gatsby-starter-hello-world","private": true,"description": "A simplified bare-bones starter for Gatsby","version": "0.1.0","license": "0BSD","scripts": {
    "build": "gatsby build","develop": "env-cmd -f .env gatsby develop","format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\"","start": "npm run develop","serve": "gatsby serve","clean": "gatsby clean","test": "echo \"Write tests! -> https://gatsby.dev/unit-testing\" && exit 1"
  },"dependencies": {
    "@contentful/rich-text-react-renderer": "^14.1.3","@contentful/rich-text-types": "^14.1.2","formik": "^2.2.6","gatsby": "^3.3.0","gatsby-plugin-postcss": "^4.3.0","gatsby-plugin-react-helmet": "^4.3.0","gatsby-plugin-sass": "^4.3.0","gatsby-plugin-sharp": "^3.3.0","gatsby-remark-images": "^5.0.0","gatsby-source-contentful": "^5.3.0","gatsby-source-filesystem": "^3.3.0","gatsby-transformer-remark": "^4.0.0","node-sass": "^5.0.0","react": "^17.0.2","react-dom": "^17.0.2","react-helmet": "^6.1.0","yup": "^0.32.9"
  },"devDependencies": {
    "prettier": "2.2.1"
  },"repository": {
    "type": "git","url": "https://github.com/gatsbyjs/gatsby-starter-hello-world"
  },"bugs": {
    "url": "https://github.com/gatsbyjs/gatsby/issues"
  }
}

谢谢 内托

解决方法

假设您的项目在本地正确构建，这种问题 99% 与 Node 版本不匹配有关，因此最终安装的构建依赖项。

运行这个命令：

node -v > .nvmrc

这将在您项目的根目录中创建一个 .nvmrc 文件，其中包含 Node 版本 (node -v)。 Netlify 在部署过程中将读取该文件并基于该版本构建 Node 构建配置，正如您可以从 docs 中读取的那样。

,

当我遇到这个问题时，我发现添加新包 gatsby-plugin-image 修复了它。 README for gatsby-source-contentful 有一个部分解释了如何使用这个新插件以及内容丰富的插件。您可能还需要添加 gatsby-plugin-sharp，正如文档中提到的那样。

添加新包

npm install gatsby-plugin-image gatsby-plugin-sharp

或

yarn add gatsby-plugin-image gatsby-plugin-sharp

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

matplotlib报错：AttributeError: module 'backend_interagg' has no attribute 'FigureCanvas'. Did you mean: 'FigureCanvasAgg'?
使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams['font.sans-serif'] = ['SimHei'] # 能正确显示负号 p
gitlab登录失败，报错：This challenge page was accidentally cached by an intermediary and is no longer available.
设置时间 控制面板
后端开发常见错误
错误1：Request method ‘DELETE‘ not supported 错误还原：controller层有一个接口，访问该接口时报错：Request method ‘DELETE‘ not supported 错误原因：没有接收到前端传入的参数，修改为如下 参考 错误2：cannot r
docker常见错误
错误1：启动docker镜像时报错：Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法：重启docker -> systemctl r
idea常见错误
错误1：private field ‘xxx‘ is never assigned 按Altʾnter快捷键，选择第2项 参考：https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2：启动时报错，不能找到主启动类 #
pip安装依赖失败
报错如下，通过源不能下载，最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
maven常见错误
错误1：maven打包报错 错误还原：使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
cloud项目中常见错误
错误1：服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping("/hires") public class FeignControl
springboot常见错误
错误1：运行项目后报如下错误 解决方案 报错2：Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案：在pom.
springmvc拦截器中使用redisTemplate报空指针异常
参考 错误原因 过滤器或拦截器在生效时，redisTemplate还没有注入 解决方案：在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate<String
vite报错：npm ERR! command C:WINDOWSsystem32cmd.exe /d /s /c C:UsersychenAppDataLocalTempnpx-dde1c848.cmd
使用vite构建项目报错 C:\Users\ychen\work>npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-
VM VirtualBox中安装centos时报错：设置基础软件仓库时出错
参考1 参考2 解决方案 # 点击安装源 协议选择 http:// 路径填写 mirrors.aliyun.com/centos/8.3.2011/BaseOS/x86_64/os URL类型 软件库URL 其他路径 # 版本 7 mirrors.aliyun.com/centos/7/os/x86
kafka常见问题
报错1 [root@slave1 data_mocker]# kafka-console-consumer.sh --bootstrap-server slave1:9092 --topic topic_db [2023-12-19 18:31:12,770] WARN [Consumer clie
hive常见问题
错误1 # 重写数据 hive (edu)> insert overwrite table dwd_trade_cart_add_inc > select data.id, > data.user_id, > data.course_id, > date_format(
装载数据时报错：Failed to execute spark task, with exception 'org.apache.hadoop.hive.ql.metadata.HiveException(Failed to create spark client.)'
错误1 hive (edu)> insert into huanhuan values(1,'haoge'); Query ID = root_20240110071417_fe1517ad-3607-41f4-bdcf-d00b98ac443e Total jobs = 1
flume常见问题
报错1：执行到如下就不执行了，没有显示Successfully registered new MBean. [root@slave1 bin]# /usr/local/software/flume-1.9.0/bin/flume-ng agent -n a1 -c /usr/local/softwa
hadoop集群常见错误
虚拟及没有启动任何服务器查看jps会显示jps，如果没有显示任何东西 [root@slave2 ~]# jps 9647 Jps 解决方案 # 进入/tmp查看 [root@slave1 dfs]# cd /tmp [root@slave1 tmp]# ll 总用量 48 drwxr-xr-x. 2
hive常见错误
报错1 hive> show databases; OK Failed with exception java.io.IOException:java.lang.RuntimeException: Error in configuring object Time taken: 0.474 se
Linux常见错误
报错1 [root@localhost ~]# vim -bash: vim: 未找到命令 安装vim yum -y install vim* # 查看是否安装成功 [root@hadoop01 hadoop]# rpm -qa |grep vim vim-X11-7.4.629-8.el7_9.x
使用sqoop一直卡在：mapreduce.Job: Running job: job_1703173956074_0001
修改hadoop配置 vi /usr/local/software/hadoop-2.9.2/etc/hadoop/yarn-site.xml # 添加如下 <configuration> <property> <name>yarn.nodemanager.res
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot