gatsby - 盖茨比错误:TypeError [ERR_INVALID_ARG_TYPE]
问题描述
我正在关注 Andrew Mead 在 Gatsby Bootcamp 上的 youtube 教程,并且在 3:10:00 分钟内一切正常,但是一旦我安装gatsby-remark-relative-images
和gatsby-remark-images
插件并将它们添加到gatsby-config.js
文件以显示图像,当我运行时,npm run develop
我会收到类似的错误一个如下所示。
/**
* Configure your Gatsby site with this file.
*
* See: https://www.gatsbyjs.org/docs/gatsby-config/
*/
module.exports = {
/* Your site config here */
siteMetadata:{
title:'Gatsby Bootcamp',
author:'Author'
},
plugins: [
'gatsby-plugin-sass',
{
resolve:'gatsby-source-filesystem',
options:{
name: 'src',
path: `${__dirname}/src/`
}
},
'gatsby-plugin-sharp',
{
reslove: 'gatsby-transformer-remark',
options:{
plugins:[
'gatsby-remark-relative-images',
{
resolve:'gatsby-remark-images',
options:{
maxWidth:750,
linkImagesToOriginal: false
}
}
]
}
}
]
}
请帮忙!先感谢您。
解决方案
正如文档所解释的,您必须在您的 中添加以下代码段gatsby-node.js
:
const { fmImagesToRelative } = require('gatsby-remark-relative-images');
exports.onCreateNode = ({ node }) => {
fmImagesToRelative(node);
};
这将获取 gatsby-source 插件返回的每个节点,如果找到匹配的文件,则将 markdown frontmatter 数据中的任何绝对路径转换为相对路径。
推荐阅读
- c# - 在 Unity C# 中使一个对象从另一个对象中消失
- php - 如何在 PHP 中从 XML 中获取和读取特定数据?
- eclipse - Eclipse ui 故障并影响其他程序
- shell - 如何从 Electron 应用程序运行 shell 脚本
- google-cloud-dataflow - ParDo 中的侧输出 | Apache Beam Python SDK
- gradle - Gradle 无法从 AWS CodePipeline 获取 CODEBUILD_SRC_DIR_source1 变量
- python - 没有文件名的 Python 中的多部分 POST 请求
- reactjs - React - 防止 onClick 触发父级的引导事件
- python - 如何让汽车在赛道上
- c - C中没有强制转换的指针的整数