如何解决运行gatsby开发命令时找不到“ gatsby-plugin-sharp”插件
买了一台新电脑，并从GitHub克隆了我的项目，然后运行npm install，但是它安装了很多错误，所以现在我运行gatsby develop，并在下面得到了错误消息。请帮助我
错误＃10226配置
在“ C：\ Users \ Administrator \ Desktop \ Projects \ IamJude \ gatsby-config.js”中找不到声明的“ gatsby-plugin-sharp”插件。
试图在C：\ Users \ Administrator \ Desktop \ Projects \ IamJude \ plugins \ gatsby-plugin-sharp中寻找本地插件。
试图在以下路径中找到已安装的软件包：
- C：\ Users \ Administrator \ Desktop \ Projects \ IamJude \ node_modules \ gatsby \ dist \ bootstrap \ load-themes \ node_modules \ gatsby-plugin-sharp
- C：\ Users \ Administrator \ Desktop \ Projects \ IamJude \ node_modules \ gatsby \ dist \ bootstrap \ node_modules \ gatsby-plugin-sharp
- C：\ Users \ Administrator \ Desktop \ Projects \ IamJude \ node_modules \ gatsby \ dist \ node_modules \ gatsby-plugin-sharp
- C：\ Users \ Administrator \ Desktop \ Projects \ IamJude \ node_modules \ gatsby \ node_modules \ gatsby-plugin-sharp
- C：\ Users \ Administrator \ Desktop \ Projects \ IamJude \ node_modules \ gatsby-plugin-sharp
- C：\ Users \ Administrator \ Desktop \ Projects \ node_modules \ gatsby-plugin-sharp
- C：\ Users \ Administrator \ Desktop \ node_modules \ gatsby-plugin-sharp
- C：\ Users \ Administrator \ node_modules \ gatsby-plugin-sharp
- C：\ Users \ node_modules \ gatsby-plugin-sharp
- C：\ node_modules \ gatsby-plugin-sharp
未完成打开并验证gatsby-configs-1.329s
上述错误发生在组件中： 在CLI中（由ConnectedCLI创建） 在ConnectedCLI中 在StoreStateProvider中 在应用程序中
React将尝试使用您提供的错误边界App（应用程序）从头开始重新创建此组件树。
警告：应用程序：错误边界应实现getDerivedStateFromError（）。在该方法中，返回状态更新以显示错误消息或后备UI。
C：\ Users \ Administrator \ AppData \ Roaming \ npm \ node_modules \ gatsby-cli \ node_modules \ yoga-layout-prebuilt \ yoga-layout \ build \ Release \ nbind.js：53
扔前
^
TypeError：无法读取未定义的属性“活动”
在getGlobalStatus（C：\ Users \ Administrator \ AppData \ Roaming \ npm \ node_modules \ gatsby-cli \ lib \ reporter \ redux \ utils.js：25：54）
在createPendingActivity（C：\ Users \ Administrator \ AppData \ Roaming \ npm \ node_modules \ gatsby-cli \ lib \ reporter \ redux \ internal-actions.js：114：51）
在C：\ Users \ Administrator \ AppData \ Roaming \ npm \ node_modules \ gatsby-cli \ node_modules \ redux \ lib \ redux.js：483：35
在prematureEnd（C：\ Users \ Administrator \ AppData \ Roaming \ npm \ node_modules \ gatsby-cli \ lib \ reporter \ catch-exit-signals.js：39：38）
在Reporter.panic（C：\ Users \ Administrator \ AppData \ Roaming \ npm \ node_modules \ gatsby-cli \ lib \ reporter \ reporter.js：72：42）
在处理中。 （C：\ Users \ Administrator \ AppData \ Roaming \ npm \ node_modules \ gatsby-cli \ lib \ index.js：79：21）
在process.emit（events.js：327：22）
在processEmit（C：\ Users \ Administrator \ AppData \ Roaming \ npm \ node_modules \ gatsby-cli \ node_modules \ signal-exit \ index.js：161：32）
在process.emit（C：\ Users \ Administrator \ AppData \ Roaming \ npm \ node_modules \ gatsby-cli \ node_modules @ turist \ fetch \ dist \ sourcemap-register.js：926：21）
在processEmit [发出时]（C：\ Users \ Administrator \ Desktop \ Projects \ IamJude \ node_modules \ gatsby \ node_modules \ gatsby-cli \ node_modules \ signal-exit \ index.js：161：32）
在processpromiseRejections（internal / process / promises.js：209：33）
在processticksAndRejections（internal / process / task_queues.js：98：32）
解决方法
package.json的内容是什么？
您是否安装了gatsby-plugin-sharp？
也许尝试npm install --save gatsby-plugin-sharp
在Windows中，您可能需要添加一些额外的程序包以使项目运行。首先，我将尝试通过以下方式手动添加import React,{ useState,useEffect } from 'react';
import axios from 'axios';
interface Brands {
BrandId: number;
Name: string;
}
const AUTH_TOKEN = Something hiden for security;
var baseUrl = axios.defaults.baseURL = 'https://fppdirectapi-prod.fuelpricesqld.com.au/Subscriber/GetCountryBrands?countryId=21';
axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
axios.defaults.headers.get['Content-Type'] = 'application/json';
axios.defaults.method = 'get';
const FetchFuelType = () => {
const [brands,setPosts] = useState<Brands[]>([]);
useEffect(() => {
axios.get(baseUrl)
.then(res => {
console.log(res)
setPosts(res.data)
})
.catch(err => {
console.log(err)
})
},[])
return (
<div>
<ul>
{brands.map(Brand => (<li key={Brand.BrandId}>{Brand.Name}</li>))}
</ul>
</div>
);
};
export default FetchFuelType;
：
gatsby-plugin-sharp如果错误仍然存在，则可能需要添加npm install --save gatsby-plugin-sharp
，如在Gatsby on Windows documentation中看到的那样：
windows-build-tools上面的命令，在安装此软件包后，将下载并安装Microsoft免费提供的Visual C ++ Build Tools 2015。这些工具是编译流行的本机模块所必需的。它还将安装Python 2.7，适当配置您的计算机和npm。
如果您的npm install --global windows-build-tools --vs2015
安装在Visual Studio构建工具完成后停止，则this remedy might help。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
