包裹不适用于简单的 html 和 Ts 文件

Question

我刚刚使用命令安装了 parcel

npm install -g parcel-bundler

一切正常。之后我创建了一个简单的 html 文件：

<html>
  <body>
  <script src="./src/index.ts"></script>
  </body>
</html>

要测试的简单 Typescript 文件：

console.log('hi there!');

但是在运行包裹 index.html

之后它给了我这个错误

Build Error
C:\Users\user\Desktop\Mine\React Typescript\TypeScript Learning\mapsProject\src\index.ts: Invalid Version: undefined

    at new SemVer (C:\Users\user\AppData\Roaming\npm\node_modules\parcel-bundler\node_modules\@babel\preset-env\node_modules\semver\semver.js:314:11)
    at compare (C:\Users\user\AppData\Roaming\npm\node_modules\parcel-bundler\node_modules\@babel\preset-env\node_modules\semver\semver.js:647:10)
    at lt (C:\Users\user\AppData\Roaming\npm\node_modules\parcel-bundler\node_modules\@babel\preset-env\node_modules\semver\semver.js:688:10)
    at C:\Users\user\AppData\Roaming\npm\node_modules\parcel-bundler\node_modules\@babel\preset-env\lib\index.js:276:22
    at Object.default (C:\Users\user\AppData\Roaming\npm\node_modules\parcel-bundler\node_modules\@babel\helper-plugin-utils\lib\index.js:22:12)
    at getEnvPlugins (C:\Users\user\AppData\Roaming\npm\node_modules\parcel-bundler\src\transforms\babel\env.js:62:34)
    at getEnvConfig (C:\Users\user\AppData\Roaming\npm\node_modules\parcel-bundler\src\transforms\babel\env.js:12:25)
    at async getBabelConfig (C:\Users\user\AppData\Roaming\npm\node_modules\parcel-bundler\src\transforms\babel\config.js:32:19)
    at async babelTransform (C:\Users\user\AppData\Roaming\npm\node_modules\parcel-bundler\src\transforms\babel\transform.js:6:16)
    at async JSAsset.pretransform (C:\Users\user\AppData\Roaming\npm\node_modules\parcel-bundler\src\assets\JSAsset.js:83:5)
Please help me out, this is my package.json

我的依赖项：

{
  "devDependencies": {
    "typescript": "^4.2.2"
  },
  "dependencies": {
    "semver": "^7.3.4"
  }
}

任何人都可以帮助我解决所描述的错误吗？

Answer 1

这实际上是 Parcel 最新版本中的一个众所周知的问题。我建议您将 Parcel 升级到版本 2，因为它更新且更稳定。

如果您仍然坚持使用 Parcel 的版本 1，您可能需要恢复到版本 1.12.3。

npm uninstall parcel-bundler
npm i -g parcel-bundler@1.12.3

延伸阅读：A well known issue in Parcel's repository, exactly like your problem.

包裹不适用于简单的 html 和 Ts 文件

Parcel dosen't work with simple html and Ts file

javascript

node.js

npm

semantic-versioning

typescript