有人可以帮我理解和解决这个 "Failed to install @parcel/transformer-image" 吗? (JS)

Can someone help me understand and solve this "Failed to install @parcel/transformer-image"? (JS)

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

出现的错误是

Failed to install @parcel/transformer-image: npm failed to install modules: Unexpected token > in JSON at position 1

我尝试了很多解决方案:

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

在安装 nodist 之后甚至在卸载它之后,我在安装 parcel 时遇到问题,但我还是设法解决了它。

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

  1. 任何 form/version 中的“npm install parcel”都不起作用。在查阅了 Parcel 的安装指南后,他们建议安装 parcel-bundler NOT parcel:
npm install parcel-bundler --save-dev

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

  1. 安装后,我立即 运行 出现错误 - 未捕获 ReferenceError:未定义 regeneratorRuntime - 在执行第一个 async/await 函数时。

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

{
    "name": "my-app",
    ...
    "browserslist": [
        "last 1 Chrome versions"
    ],
    ...
}

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

package.json 设置如附图所示。