Reactjs 与弹出的create react应用程序项目共享组件

我有几个项目是用

create react app

创建的，已经被弹出。现在，我有一些在每个项目中重复的组件。相反，我希望在项目目录上方的目录中有一个共享组件

目录结构如下所示：

 - shared_components
     - MySharedComponent.js
 - project1
 - project2
 - project3

我更新了项目中的

webpack.config.js

文件，通过将我的

shared_components

目录添加到

ModuleScopePlugin

，允许导入

src

目录之外的文件：

{
决心：{
插件：[
新的ModuleScopePlugin（[path.appSrc，path.mySharedComponents]，[path.appPackageJson]），
],
}
}

这成功地允许导入文件，但我的

shared\u components

目录似乎没有被

babel加载程序编译

我得到以下错误：

SyntaxError: /path/to/shared_components/MySharedComponent.js: Unexpected token <

我如何才能使我的JSX组件成功编译？
面临同样的问题。@AmanVarshney我从未解决过这个问题，但我确实找到了解决方法。如果您使用的是纱线，您可以使用
工作区
功能来实现这一点：面对同样的问题。@AmanVarshney我从未解决过这个问题，但我确实找到了解决办法。如果您使用的是纱线，则可以使用
工作空间
功能来完成以下操作：