Root paths (module resolution) throwing errors - Parcel v2

[scottwillman]

Hey guys,

Trying to move a project to Parcel2 from webpack and keep failing on module resolution of js and scss files. I have paths to a common directory in the root of the project that don't seem to get resolved despite the docs saying /foo should resolve to the project root. Is this a bug or am I doing something wrong?

Example 1:
This looks like it might be trying to resolve to the local common directory (note the missing leading slash from the error)

$ parcel build ./index.js --dist-dir ./build
🚨 Build failed.
@parcel/core: Failed to resolve 'common/cmpts/loadingFallback/LoadingFallback' from './judge/index.js'
/app/static_src/app/judge/index.js:17:29
  16 | 
> 17 | import LoadingFallback from "/common/cmpts/loadingFallback/LoadingFallback";
>    |                             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

Example 2:

$ parcel build ./index.js --dist-dir ./build --log-level info
🚨 Build failed.
@parcel/transformer-sass: Can't find stylesheet to import.
  ╷
1 │ @use "/common/styles/fonts";
  │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  litigant/litigantDocket/LitigantDocket.scss 1:1  root stylesheet
Error: Can't find stylesheet to import.
  ╷
1 │ @use "/common/styles/fonts";
  │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  lawfirm/lawfirmRuling/LawfirmRuling.scss 1:1  root stylesheet
    at Object._newRenderError (/app/static_src/app/node_modules/sass/sass.dart.js:13410:19)
    at Object._wrapException (/app/static_src/app/node_modules/sass/sass.dart.js:13253:16)
    at _render_closure1.call$2 (/app/static_src/app/node_modules/sass/sass.dart.js:79036:21)
    at _RootZone.runBinary$3$3 (/app/static_src/app/node_modules/sass/sass.dart.js:26612:18)
    at _FutureListener.handleError$1 (/app/static_src/app/node_modules/sass/sass.dart.js:25140:19)
    at _Future__propagateToListeners_handleError.call$0 (/app/static_src/app/node_modules/sass/sass.dart.js:25437:49)
    at Object._Future__propagateToListeners (/app/static_src/app/node_modules/sass/sass.dart.js:4502:77)
    at _Future._completeError$2 (/app/static_src/app/node_modules/sass/sass.dart.js:25270:9)
    at _AsyncAwaitCompleter.completeError$2 (/app/static_src/app/node_modules/sass/sass.dart.js:24613:12)
    at Object._asyncRethrow (/app/static_src/app/node_modules/sass/sass.dart.js:4251:17)

Directory Structure

.
├── App.js
├── common
│   ├── cmpts
│   │   ├── loadingFallback
│   ├── styles
│   │   ├── _base-colors.scss
│   │   ├── _colors.scss
│   │   ├── _fonts.scss
│   │   ├── app
│   │   └── themes
├── index.js
├── judge
│   ├── common
│   │   ├── cmpts
│   │   └── hooks
│   ├── index.js
├── litigant
│   ├── index.js
│   ├── litigantDocket
│   │   ├── LitigantDocket.js
│   │   └── LitigantDocket.scss
├── package.json
├── yarn-error.log
└── yarn.lock

package.json

{
  "name": "Anonymous",
  "version": "2.0.0",
  "description": "",
  "default": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "parcel watch ./index.js --dist-dir ./build",
    "build": "parcel build ./index.js --dist-dir ./build --log-level info"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.12.3",
    "@babel/helper-builder-react-jsx-experimental": "^7.12.4",
    "@babel/plugin-proposal-optional-chaining": "^7.12.1",
    "autoprefixer": "^10.0.1",
    "babel-loader": "^8.1.0",
    "parcel": "^2.0.0-beta.1",
    "sass": "^1.27.0"
  },
  "dependencies": {
    "@reach/router": "^1.3.4",
    "axios": "^0.20.0",
    "react": "15.x || 16.x || 16.4.0-alpha.0911da3",
    "react-dom": "15.x || 16.x || 16.4.0-alpha.0911da3",
  }
}