运行onCreateNode生命周期时,“ gatsby-node.js”抛出错误:fmImagesToRelative不是函数

问题描述

我是由基本的认gatsby初学者与宇航员共同构建的这个项目


我不知道我在做什么错,因为这个项目在string = str('Halo Device ANumber : 6232123123 Customer ID : 16926') word = re.findall('(62\d+)',string).groups()[0] gatsby-node上与我的另一个项目非常相似。此错误反复在控制台中循环播放

gatsby-config

gatsby-node.js

TypeError: fmImagesToRelative is not a function
  
  - gatsby-node.js:38 Object.exports.onCreateNode
    /Users/Sam/Documents/Projects_and_Code/Web_Dexter_V2/gatsby-node.js:38:3
  
  - api-runner-node.js:330 runAPI
    [Web_Dexter_V2]/[gatsby]/src/utils/api-runner-node.js:330:22
  
  - api-runner-node.js:440 Promise.catch.decorateEvent.pluginName
    [Web_Dexter_V2]/[gatsby]/src/utils/api-runner-node.js:440:17
  
  - From prevIoUs event:
  
  - api-runner-node.js:440 Promise.catch.decorateEvent.pluginName
    [Web_Dexter_V2]/[gatsby]/src/utils/api-runner-node.js:440:9
  
  - From prevIoUs event:
  
  - api-runner-node.js:439 
    [Web_Dexter_V2]/[gatsby]/src/utils/api-runner-node.js:439:14
  
  - timers.js:456 processImmediate
    internal/timers.js:456:21
  
  - From prevIoUs event:
  ...

gatsby-config.js

const { createFilePath } = require(`gatsby-source-filesystem`)
const { fmImagesToRelative } = require('gatsby-remark-relative-images');
const path = require("path")

exports.createPages = async ({ actions: { createPage },graphql }) => {
  const postTemplate = path.resolve(`src/components/ArticlePage/index.tsx`)

  const result = await graphql(`
    {
      allMarkdownRemark(
        sort: { order: DESC,fields: [frontmatter___date] }
 
      ) {
        edges {
          node {
            fields {
              slug
            }
          }
        }
      }
    }
  `)

  if (result.errors) {
    return Promise.reject(result.errors)
  }

  result.data.allMarkdownRemark.edges.forEach(({ node }) => {
    createPage({
      path: `${node.fields.slug}`,component: postTemplate,})
  })
}

exports.onCreateNode = ({ node,getNode,actions }) => {
  fmImagesToRelative(node)
  if (node.internal.type === `MarkdownRemark`)
    actions.createNodeField({
      node,name: `slug`,value: createFilePath({ node,basePath: `pages`,trailingSlash: true}),})
  
}

解决方法

这与gatsby-remark-relative-images: "^2.0.2"有关,使用版本^0.3.0代替^2.0.2或使用"gatsby-remark-relative-images-v2": "^0.1.5",时,问题不再发生。这在他们的github page

上有注明

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...