Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/excel/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Gatsby 盖茨比错误:类型错误[ERR\u INVALID\u ARG\u TYPE]_Gatsby_Gatsby Image_Gatsby Plugin_Gatsby Remark Image - Fatal编程技术网

Gatsby 盖茨比错误:类型错误[ERR\u INVALID\u ARG\u TYPE]

Gatsby 盖茨比错误:类型错误[ERR\u INVALID\u ARG\u TYPE],gatsby,gatsby-image,gatsby-plugin,gatsby-remark-image,Gatsby,Gatsby Image,Gatsby Plugin,Gatsby Remark Image,我正在关注安德鲁·米德(Andrew Mead)在youtube上关于盖茨比训练营的教程,时间长达3:10:00分钟 一切都进行得很顺利,但只要我安装了gatsby remark relative images和gatsby remark images插件,并将它们添加到gatsby config.js文件中以显示图像,当我运行npm run develope时,就会出现如下所示的错误 下面是我的gatsby-config.js文件 /** *使用此文件配置Gatsby站点。 * *见:ht

我正在关注安德鲁·米德(Andrew Mead)在youtube上关于盖茨比训练营的教程,时间长达3:10:00分钟 一切都进行得很顺利,但只要我安装了
gatsby remark relative images
gatsby remark images
插件,并将它们添加到
gatsby config.js
文件中以显示图像,当我运行
npm run develope
时,就会出现如下所示的错误

下面是我的gatsby-config.js文件

/**
*使用此文件配置Gatsby站点。
*
*见:https://www.gatsbyjs.org/docs/gatsby-config/
*/
module.exports={
/*您的站点配置在这里*/
站点元数据:{
标题:“盖茨比训练营”,
作者:'作者'
},
插件:[
“盖茨比·萨斯”,
{
解析:'gatsby-source-filesystem',
选项:{
名称:“src”,
路径:`${uuuu dirname}/src/`
}
},
“盖茨比·夏普”,
{
雷斯洛夫:《盖茨比变形金刚评论》,
选项:{
插件:[
“盖茨比评论相关图像”,
{
解析:'gatsby-remark-images',
选项:{
最大宽度:750,
linkImagesToOriginal:错误
}
}
]
}
}
]
}
作为示例,您必须在您的
gatsby node.js
中添加以下代码片段:

const { fmImagesToRelative } = require('gatsby-remark-relative-images');

exports.onCreateNode = ({ node }) => {
  fmImagesToRelative(node);
};
这将获取gatsby源插件返回的每个节点,并在找到匹配文件的情况下将markdown frontmatter数据中的任何绝对路径转换为相对路径。

作为示例,您必须在您的
gatsby node.js
中添加以下代码段:

const { fmImagesToRelative } = require('gatsby-remark-relative-images');

exports.onCreateNode = ({ node }) => {
  fmImagesToRelative(node);
};

这将获取gatsby源插件返回的每个节点,并在找到匹配文件时将markdown frontmatter数据中的任何绝对路径转换为相对路径。

感谢您的帮助。我也有一个简单的拼写错误。我没有决心,而是有了爱。现在可以了。谢谢你的帮助。我也有一个简单的拼写错误。我没有决心,而是有了爱。现在很好用。