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

[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

[stale]

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.

[jonenst]

Still unsolved

[skoging]

Same issue in workspaces with Yarn 2

[stale]

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.

[jonenst]

Up Le dim. 13 sept. 2020 à 20:29, stale[bot] <[email protected]> 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 <#9226 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAAVY6EDJPNDTYONF2TIJ3TSFUFO5ANCNFSM4OJGQVAQ> .

[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.

[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).