有人可以帮助我理解并解决这个“无法安装@parcel/transformer-image”吗?(JS)

Eva*_*ozo 5 module node.js parceljs

我一直在尝试安装这个包裹模块,但多次失败,因此我无法显示图像。我对使用 JS 和 Parcel 都很陌生,而且英语不是我的母语,所以请耐心等待。

出现的错误是

无法安装 @parcel/transformer-image:npm 无法安装模块:意外的令牌 > 在 JSON 中的位置 1

我尝试了多种解决方案:

  • 我尝试仅卸载并重新安装 Parcel/transformer-image 模块
  • 我已经尝试卸载并重新安装整个包裹
  • 我已经尝试卸载并重新安装 node-js 和 npm
  • 我已经尝试通过节点管理器 nodist 安装节点,但遇到了另一个错误

起初,构建不起作用,但是当我停用并再次激活包裹时,它起作用了,但没有加载图像。此时,错误不再出现,但图像仍然无法加载(我检查了元素并发现应加载图像的链接是正确的)。

安装 nodist 后,甚至在卸载它后,我在安装包裹时遇到了问题,但无论如何我还是成功了。

bru*_*zky 4

我就是这样解决的。我需要解决两个问题:

  1. 任何形式/版本的“npm install Parcel”都不起作用。在查阅 Parcel 的安装指南后,他们建议安装 Parcel-bundler 而不是 Parcel:
npm install parcel-bundler --save-dev
Run Code Online (Sandbox Code Playgroud)

来源: https: //parceljs.org/getting_started.html

  1. 安装后,我立即遇到一个错误 - Uncaught ReferenceError: regeneratorRuntime is not Defined - 在执行第一个 async/await 函数时。

为了解决这个问题,我必须将下面的“browserslist”代码添加到 package.json

{
    "name": "my-app",
    ...
    "browserslist": [
        "last 1 Chrome versions"
    ],
    ...
}
Run Code Online (Sandbox Code Playgroud)

来源: https: //github.com/parcel-bundler/parcel/issues/2128

package.json 设置如附图所示。

在此输入图像描述