Yarn 2 "portal:" local components import compilation failure because of ModuleScopePlugin

Created by: jonenst

Describe the bug

Description here: https://stackoverflow.com/questions/61530712/module-not-found-error-using-yarn-2-to-link-react-components

TLDR: When adding "MyExternalComponent": "portal:../MyExternalComponent" dependencies to package.json, and importing the component with import Mycomponent from MyExternalComponent, the build fails because of the ModuleScopePlugin restriction "You attempted to import components which falls outside of the project src/ directory"

Which terms did you search for in User Guide?

"yarn 2 ModuleScopePlugin" "portal: ModuleScopePlugin"

Environment

yarn2

(paste the output of the command here.)

Steps to reproduce

(Write your steps here:)

1. create a package in folder Foo
2. yarn dlx create-react-app Bar
3. add "Foo": "portal:../Foo" to Bar's package.json 4 build Bar

Expected behavior

Should work

Actual behavior

compilation error: "You attempted to import components which falls outside of the project src/ directory"

Reproducible demo

https://bitbucket.org/cjmyles/yarn2-link/commits/e02b93771dfded0215bdba456d31aea011367807

Created by: stale[bot]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

Created by: jonenst

Still unsolved

Created by: skoging

Same issue in workspaces with Yarn 2

Created by: stale[bot]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

Created by: jonenst

Up

Le dim. 13 sept. 2020 à 20:29, stale[bot] notifications@github.com a écrit :

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 5 days if no further activity occurs.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub http://metis.lti.cs.cmu.edu:8023/facebook/create-react-app/-/issues/9226#issuecomment-691706825, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAAVY6EDJPNDTYONF2TIJ3TSFUFO5ANCNFSM4OJGQVAQ .

Created by: itaylor

I had the same problem, ended up having to eject and remove ModuleScopePlugin

I understand that it CRA wants to prevent me from doing import foo from '../../../../bar' but the way ModuleScopePlugin is implemented means you can't use the linking features of yarn, lerna, etc. My imports look like this import foo from 'bar' and are linked using my package manager, which should be fine IMO.

Created by: idubrov

For what it's worth, if you are using yarn v2, you can use their patch protocol to patch react-scripts to not include the ModuleScopePlugin (so you don't have to eject).