时间戳

首页 > 解决方案 > 错误 #98123 WEBPACK：生成开发 JavaScript 包失败 - 意外令牌

npm - 错误 #98123 WEBPACK：生成开发 JavaScript 包失败 - 意外令牌

问题描述

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

在此处输入图像描述

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

这是信息，我从中获得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

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

标签： npmwebpackgatsby

解决方案

这不是依赖关系或配置的问题，您的项目中有错字。似乎在您的 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（或）来自定义 Babel 的配置： .babelrc
    {
   "plugins": [
     ["@babel/plugin-proposal-optional-chaining"]
   ],
   "presets": [
     [
       "babel-preset-gatsby",
       {
         "targets": {
           "browsers": [">0.25%", "not dead"]
         }
       }
     ]
   ]
}

修复者：

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

推荐阅读