Gatsby抛出了与新版本4.x兼容的问题，但是它在2.x中运行得很好吗？

Question

我尝试在我的应用程序中运行"gatsby develop“，它会引发以下兼容问题，

我的节点版本是16.17.0，gatsby是4.24.1。我可以猜到，它说要升级到最新版本，我无法确定我需要使用哪个版本的盖茨比4.24.1？

有人指导我正确的解决方案，以了解兼容版本，并解决以下错误？

  warn Plugin gatsby-transformer-remark is not compatible with your gatsby version
     4.24.1 - It requires gatsby@^2.0.33
    warn Plugin gatsby-plugin-remove-generator is not compatible with your gatsby
    version 4.24.1 - It requires gatsby@2.x.x
    warn Plugin gatsby-transformer-remark is not compatible with your gatsby version
     4.24.1 - It requires gatsby@^2.0.33
    warn Plugin gatsby-plugin-remove-generator is not compatible with your gatsby
    version 4.24.1 - It requires gatsby@2.x.x
    ERROR
    
    Cannot read properties of undefined (reading 'styleAttributes')
    
    
    
      TypeError: Cannot read properties of undefined (reading 'styleAttributes')
    
      - index.js:22 applyOptions
        [Project]/[gatsby-remark-image-attributes]/dist/index.js:22:3
    
      - index.js:105 module.exports
        [Project]/[gatsby-remark-image-attributes]/dist/index.js:105:3
    
      - extend-node-type.js:247
        [Project]/[gatsby-transformer-remark]/extend-node-type.js:247:30
    
      - util.js:16 tryCatcher
        [Project]/[bluebird]/js/release/util.js:16:23
    
      - reduce.js:166 Object.gotValue
        [Project]/[bluebird]/js/release/reduce.js:166:18
    
      - reduce.js:155 Object.gotAccum
        [Project]/[bluebird]/js/release/reduce.js:155:25
    
      - util.js:16 Object.tryCatcher
        [Project]/[bluebird]/js/release/util.js:16:23
    
      - promise.js:547 Promise._settlePromiseFromHandler
        [Project]/[bluebird]/js/release/promise.js:547:31
    
      - promise.js:604 Promise._settlePromise
        [Project]/[bluebird]/js/release/promise.js:604:18
    
      - promise.js:649 Promise._settlePromise0
        [Project]/[bluebird]/js/release/promise.js:649:10
    
      - promise.js:729 Promise._settlePromises
        [Project]/[bluebird]/js/release/promise.js:729:18
    
      - async.js:93 _drainQueueStep
        [Project]/[bluebird]/js/release/async.js:93:12
    
      - async.js:86 _drainQueue
        [Project]/[bluebird]/js/release/async.js:86:9
    
      - async.js:102 Async._drainQueues
        [Project]/[bluebird]/js/release/async.js:102:5
    
      - async.js:15 Immediate.Async.drainQueues [as _onImmediate]
        [Project]/[bluebird]/js/release/async.js:15:14
    
      - timers:466 processImmediate
        node:internal/timers:466:21

Answer 1

提示的“错误”是一个警告，因此它不会破坏编译，尽管需要处理。我会说(而且似乎)插件没有得到很好的升级，尽管盖茨比在v4.24.1上:在您的package-lock.json (或yarn.lock)中确认这一点，并对其进行相应的升级。

如果您正在使用纱线，我建议您使用yarn upgrade-interactive来知道哪些版本是不推荐的，并且可以升级到哪个版本。

正如您所指出的，潜在的错误：

无法读取未定义的属性(读取“styleAttributes”)

可能与gatsby-transformer-remark插件版本有关，也可能与升级过程的急剧变化有关，升级过程需要调整，而没有更多的细节和关于styleAttributes和您的结构的知识，很难说。

您可以在npm文档中看到gatsby-transformer-remark最新版本是5.24。