Parcel SemVer bug

Question

So, I've used Parcel multiple times before and I've never had an issue with it. This time it throws some stupid errors about SemVer versioning and I'm literally loosing my mind trying to find a solution which would fix this problem.

I've started new project: installed npm w/ npm init (no additional options), then installed parcel npm install --save-dev parcel-bundler and then created my folder structure:

--node_modules
--index.html
--index.js

Here is my package.json:

{
  "name": "playground",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "parcel index.html"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "parcel-bundler": "^1.12.4"
  }
}

I've configured default npm script to run parcel: "dev": "parcel index.html" and run it. Everything works fine, however when I connect my index.js in index.html via <script src="/index.js"></script> it throws big fat error, saying:

D:\workingSpace\playground\index.js: Invalid Version: undefined
  at new SemVer (D:\workingSpace\playground\node_modules\@babel\preset-env\node_modules\semver\semver.js:314:11)
  at compare (D:\workingSpace\playground\node_modules\@babel\preset-env\node_modules\semver\semver.js:647:10)   
  at lt (D:\workingSpace\playground\node_modules\@babel\preset-env\node_modules\semver\semver.js:688:10)        
  at D:\workingSpace\playground\node_modules\@babel\preset-env\lib\index.js:276:22
  at Object.default (D:\workingSpace\playground\node_modules\@babel\helper-plugin-utils\lib\index.js:22:12)     
  at getEnvPlugins (D:\workingSpace\playground\node_modules\parcel-bundler\src\transforms\babel\env.js:62:34)   
  at getEnvConfig (D:\workingSpace\playground\node_modules\parcel-bundler\src\transforms\babel\env.js:12:25)    
  at async getBabelConfig (D:\workingSpace\playground\node_modules\parcel-bundler\src\transforms\babel\config.js:32:19)
  at async babelTransform (D:\workingSpace\playground\node_modules\parcel-bundler\src\transforms\babel\transform.js:6:16)
  at async JSAsset.pretransform (D:\workingSpace\playground\node_modules\parcel-bundler\src\assets\JSAsset.js:83:5)

Currently I'm using Node v14.6.0 and accordingly it's npm version - 6.14.11

I've never faced this bug before, please help T_T

Nicholas · Accepted Answer · 2021-05-28T13:17:53.167

83

This is a known problem in the newest version of Parcel.

The solution of this problem was to revert back to version 1.12.3, or by updating to the version 2 of Parcel. You can do the first solution by:

npm uninstall parcel-bundler
npm i --save-dev parcel-bundler@1.12.3

The second solution could be done like this:

npm i --save-dev parcel@next

You might have to refactor your code a bit to prevent breaking changes if you decided to use the nightly version of Parcel. Check more about how to migrate to Parcel v2 / nightly here.

Catch up with that issue here.

Update #1: 28/05/2021

It seems that Parcel team has been working on a fix, as of the time of writing (28/05/2021). While I have not personally checked if the update has worked properly or not, this answer is still very much a viable and feasible solution.

edited May 28 '21 at 13:17

answered Mar 03 '21 at 14:36

Nicholas

2,800
1
14
21

1

Literal GOD. Idk how I haven't faced this issue before, but still, thanks. – veilvokay Mar 03 '21 at 15:04
You say “well-known”, but I was absolutely stumped on this problem until I found this. Thanks. – Roly Mar 05 '21 at 12:14
2

Saved me from a headache. Thank you. – Ron Mar 09 '21 at 15:23
In my case downgrading to .3 or upgrading to .5 didn't help on their own until I deleted and re-created `yarn.lock`. – Roman Starkov Apr 13 '21 at 18:12
In my case, the next version also did not work. I had to resort to the older one. – Pankaj Jangid Jun 08 '21 at 02:37

score 8 · Answer 2 · edited Mar 06 '21 at 09:24

8

I have recently went through this issue, where parcel@1.12.4 kept throwing Invalid Version: undefined even after trying a very logical workound posted on GitHub #5943.

Installing parcelV2 worked in my case. If anyone else is facing a similar problem, I would recommend trying the following steps:

npm uninstall -D parcel-bundler
npm install -D parcel@next
npx parcel serve index.html

edited Mar 06 '21 at 09:24

Kh.Nomani

185
2
12

answered Mar 05 '21 at 06:31

Haz Beri

81
3

Parcel SemVer bug

2 Answers2