errors encountered in parcel 2 beta.1

[bugzpodder]

Ran into a variety of issues when testing out parcel2-beta.1

Installed some parcel packages, it defaulted to [email protected] rather than @next/beta.1, causing some weird errors when trying start parcel. Adding @next tag and reinstalling solved it.
@parcel/config-default @parcel/runtime-react-refresh @parcel/transformer-react-refresh-babel @parcel/transformer-react-refresh-wrap @parcel/validator-typescript

I disabled build scripts (b/c of yarn 2) and got a non-descriptive error for @parcel/watch

.yarn/cache/bindings-npm-1.5.0-77ce1d213c-3.zip/node_modules/bindings/bindings.js:135
  throw err;
  ^

Error: Could not locate the bindings file. Tried:
.yarn/unplugged/@parcel-watcher-npm-2.0.0-alpha.5-fd07f40ca1/node_modules/@parcel/watcher/build/watcher.node

enabled build scripts and it worked fine.

I added a .parcelrc (to get @parcel/transformer-raw)

Got a good build but it says Page not found:

 yarn parcel ./src/index.html
ℹ️ Server running at http://localhost:1234
✨ Built in 779ms

404
Page not found.

and I removed .parcelrc removed .parcelrc, but parcel just read from cache and didn't rebuild from scratch based on new config file. had to rm -rf .parcel_cache (would appreciate some CLI command)

I had a babel.config.js and got an error for react-refresh:

React Refresh Babel transform should only be enabled in development environment. Instead, the environment is: "production". If you want to override this check, pass {skipEnvCheck: true} as plugin options.

removing babel.config.js worked.

got this error, couldn't find a workaround

/.yarn/cache/assert-npm-2.0.0-ef73bc19f5-3.zip/node_modules/assert/build/assert.js:41:30
  40 |
> 41 | var _require$types = require('util/').types,
>    |                              ^^^^^^^
  42 |     isPromise = _require$types.isPromise,
  43 |     isRegExp = _require$types.isRegExp;
@parcel/resolver-default: The "path" argument must be of type string. Received type object
TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type object
    at validateString (internal/validators.js:125:11)
    at Object.join (path.js:1147:7)

yarn why assert
├─ @parcel/node-libs-browser@npm:2.0.0-beta.1
│  └─ assert@npm:2.0.0 (via npm:^2.0.0)
│
├─ adjust-sourcemap-loader@npm:2.0.0
│  └─ assert@npm:1.4.1 (via npm:1.4.1)
│
└─ node-libs-browser@npm:2.2.1
   └─ assert@npm:1.5.0 (via npm:^1.1.1)

yarn: 2.0.0-rc.33
node: v10.20.1
macos 10.15.5

[DeMoorJasper]

The issue with versioning is unfortunately just how npm and yarn work...

The issue with the watcher has a solution in an open PR: parcel-bundler/watcher#34

It should probably detect .parcelrc changes, that seems like a new bug

@mischnic any idea why react-fast-refresh fails?

[bugzpodder]

There is a line here that says babel.config.js should be avoided
https://v2.parceljs.org/languages/babel/

[DeMoorJasper]

Yes, it's terrible for caching that's why it should be avoided, still shouldn't throw that error though.

[mischnic]

got this error

There is no error message in that snippet.

I had a babel.config.js and got an error for react-refresh:

That is technically a warning but it should still not happen.

Using a babel.config.json in a monorepo works fine for me. Can you share a reproduction?

[mischnic]

(Everything in that babel config is already applied by default by Parcel)

I've created a CRA app, removed package.json & installed parcel@next react react-dom, adjusted public/index.html to include a script tag to src/index.tsx and ran parcel public/index.html. But didn't get that error

[mischnic]

EDIT: having this

import assert from "assert";
console.log(assert)

does throw that error

[bugzpodder]

(Everything in that babel config is already applied by default by Parcel)

I agree, i was migrating an existing app where this file was pre-existing and it happened.

I've created a CRA app, removed package.json & installed parcel@next react react-dom, adjusted public/index.html to include a script tag to src/index.tsx and ran parcel public/index.html. But didn't get that error

I reverted back to yarn 1.22 and the error still happened. I can give it another try later.

my-app % yarn parcel src/index.html
yarn run v1.22.4
/my-app/node_modules/.bin/parcel src/index.html
ℹ️ Server running at http://localhost:1234
🚨 Build failed.
@parcel/transformer-babel: [BABEL] /src/index.tsx: React Refresh Babel transform should only be enabled in development environment. Instead, the environment is: "production". If you want to override this check, pass {skipEnvCheck: true} as plugin options. (While processing: "/my-app/node_modules/react-refresh/babel.js")
Error: [BABEL] /my-app/src/index.tsx: React Refresh Babel transform should only be enabled in development environment. Instead, the environment is: "production". If you want to override this check, pass {skipEnvCheck: true} as plugin options. (While processing: "/my-app/node_modules/react-refresh/babel.js")

[bugzpodder]

EDIT: having this

import assert from "assert";
console.log(assert)

does throw that error

Yes, I determined it only happens with yarn 2 (berry)

[bugzpodder]

minimal repo for babel.config.js:

yarn create react-app foo
cd foo
yarn add parcel@next @babel/preset-react react-refresh

babel.config.js

module.exports = {
  presets: ["@babel/preset-react"],
  env: {
    development: {
      plugins: ["react-refresh/babel"],
    },
  },
};

src/index.html

<!DOCTYPE html>
<html>
  <body>
    <div id="root"></div>
    <script src="./index.js"></script>
  </body>
</html>

Fix the svg import in App.js

yarn parcel src/index.html

ℹ️ Server running at http://localhost:1234
🚨 Build failed.
@parcel/transformer-babel: [BABEL] foo/src/index.js: React Refresh Babel transform should only be enabled in development environment.