我在 vanilla js 中构建 Npm 时遇到了问题。请看一看[关闭]答案

【问题标题】：I encountered a problem while doing Npm build in vanilla js. Please take a look [closed]我在 vanilla js 中构建 Npm 时遇到了问题。请看一看[关闭]
【发布时间】：2022-12-21 07:02:22
【问题描述】：

我在学习 JavaScript 时遇到了这样的问题： Error Image

这是我的 package.json enter image description here

所以解释一下，这是我安装了 parcel 的 vanilla js

VS代码终端

npm i parcel --save-dev
npm 运行开始
npm 运行构建

然后弹出此错误。我不知道我是否添加了足够的屏幕截图或详细信息来让别人理解我的问题。如果您确实有解决方案，请提供帮助。

编辑：我也试过，

"main" : "17th.html" 按照建议然后抛出新的错误说扩展名应该是 .js

最终编辑：所以，我删除了“主要”，然后它就像一个魅力。不知道为什么它有效但它有效。如果有人可以解释为什么它有效，那么我将不胜感激。

我期待一个成功的构建

【问题讨论】：

请参阅Why should I not upload images of code/data/errors?。
伙计，您需要使用等宽字体。
@SebastianSimon 谢谢。我会记住的。这是我第一次遇到堆栈溢出。
@OFRBG 嗨，谢谢。我现在正在使用 operator mono。它在编码屏幕上看起来不错，但在终端上却以某种方式看起来很糟糕。我不知道为什么。
嗯，在你的 package.json 中，你有 parcel 17th.html 作为你的开始命令，但你有 17th.js 作为你的主要命令。这种差异可能会导致错误。

标签： javascript npm-scripts npm-build

【解决方案1】：

我有同样的问题，对我有用的只是删除

main: "filepath"

您还可以通过拥有一个 src 文件夹并将所有 html 文件移到那里、一个包含所有 js 文件的 js 文件夹和一个包含所有 css 文件的 css 文件夹来更好地组织它。

下面是我的 package.json，它按预期构建。

{
  "name": "something",
  "version": "1.0.0",
  "description": "stackoverflow example",
  "scripts": {
    "dev": "parcel src/index.html",
    "build": "parcel build src/index.html"
  },
  "author": "my name",
  "license": "ISC",
  "devDependencies": {
    "@parcel/transformer-sass": "^2.6.2",
    "parcel": "^2.6.2"
  },
  "dependencies": {
    "gsap": "npm:@gsap/shockingly@^3.10.4"
  }
}

【讨论】：

嗨，谢谢你。 Umm 删除了“ main ”并成功构建。我不知道它为什么起作用，但确实如此。还有，安全吗？因为我们要删除“主要”？
他们在这里没有文档的主要内容：parceljs.org/getting-started/webapp 但他们确实有源代码，因为它是自己的财产。

【解决方案2】：

条目应该是一个 html 文件，例如

main: "17th.html"

【讨论】：

您好，谢谢，但随后弹出新错误，提示文件扩展名应为 .js、.mjs 与 .cjs。