【问题标题】:ERROR #98123 WEBPACK: Generating development JavaScript bundle failed - unexpected token错误 #98123 WEBPACK:生成开发 JavaScript 包失败 - 意外令牌
【发布时间】:2021-01-22 21:04:35
【问题描述】:

我已经克隆了我的存储库,然后通过 npm 安装了所有包。当我尝试使用 gatsby develop 启动 mu 程序时,templates 目录中的所有文件都出现此错误。

我已经清除了 chache,删除了 node_modulespublic 文件夹,重新安装了软件包等等,但没有任何效果。

这是我从gatsby info得到的信息:

  System:
    OS: macOS 11.1
    CPU: (4) x64 Intel(R) Core(TM) i5-7360U CPU @ 2.30GHz
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 14.0.0 - ~/.nvm/versions/node/v14.0.0/bin/node
    Yarn: 1.13.0 - ~/.npm-global/bin/yarn
    npm: 6.14.4 - ~/.nvm/versions/node/v14.0.0/bin/npm
  Languages:
    Python: 2.7.16 - /usr/bin/python
  Browsers:
    Chrome: 87.0.4280.141
    Firefox: 78.0.2
    Safari: 14.0.2
  npmPackages:
    gatsby: ^2.30.1 => 2.31.1
    gatsby-awesome-pagination: ^0.3.6 => 0.3.6
    gatsby-image: ^2.5.0 => 2.10.0
    gatsby-plugin-eslint: ^2.0.8 => 2.0.8
    gatsby-plugin-fontawesome-css: ^1.0.0 => 1.0.0
    gatsby-plugin-manifest: ^2.6.1 => 2.11.0
    gatsby-plugin-netlify-cms: ^4.5.0 => 4.9.0
    gatsby-plugin-offline: ^3.4.0 => 3.9.0
    gatsby-plugin-react-helmet: ^3.4.0 => 3.9.0
    gatsby-plugin-sharp: ^2.8.0 => 2.13.1
    gatsby-plugin-styled-components: ^3.5.0 => 3.9.0
    gatsby-plugin-typography: ^2.10.0 => 2.11.0
    gatsby-source-filesystem: ^2.5.0 => 2.10.0
    gatsby-transformer-remark: ^2.12.0 => 2.15.0
    gatsby-transformer-sharp: ^2.6.0 => 2.11.0

有没有人有类似的问题,或者知道如何解决?

【问题讨论】:

    标签: npm webpack gatsby


    【解决方案1】:

    这不是依赖项或配置的问题,您的项目中有错字。似乎在您的 JavaScript 文件中的某处(可能在 templates 文件夹中)您有一个 .(点)正在破坏您的代码。

    要在任何 JavaScript 项目中启用可选链接,因为它不是标准功能,您需要:

    • 安装依赖(@babel/plugin-proposal-optional-chaining):
      npm install --save-dev @babel/plugin-proposal-optional-chaining
      
      或者:
      yarn add @babel/plugin-proposal-optional-chaining --dev
      
    • 在您的 Babel 配置中启用它。在 Gatsby 中,您可以在项目的根目录中创建 babel.config.js(或 .babelrc)到 customize Babel's configuration
      {
         "plugins": [
           ["@babel/plugin-proposal-optional-chaining"]
         ],
         "presets": [
           [
             "babel-preset-gatsby",
             {
               "targets": {
                 "browsers": [">0.25%", "not dead"]
               }
             }
           ]
         ]
      }
      

    修正者:

    问题是my package-lock.json。修好后一切正常 正确:) 没关系

    【讨论】:

    • .(点)因为可选链接const {frontmatter, html} = data?.markdownRemark而存在
    • 你安装插件了吗?非标准的 ECMA 特性需要通过配置文件中的 Babel 安装
    • 我刚刚从 origin 拉出 master 分支并安装了来自 package.json 的所有包。这很奇怪,因为一周前一切正常。
    • 问题是我的 package-lock.json。修复后,一切正常 :) 没关系,感谢您的帮助
    • 不客气。如果您不介意,如果有人认为它有帮助,我已经编辑了这篇文章
    猜你喜欢
    • 2021-05-04
    • 1970-01-01
    • 2020-11-20
    • 2021-11-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-06-13
    相关资源
    最近更新 更多