Create React App 项目提供的共享库(jsx 当前未启用错误)

Shared library from Create React App projects giving (jsx isn't currently enabled error)

我正在尝试将共享库用于可重用组件,并且仅使用 2 个开箱即用的 Create React 应用程序。一个叫 'shared-lib',另一个叫 'project-example'。我在共享库中制作了一个超级简单的组件,导出(在我测试时工作)。我的 NPM 似乎正确地链接了两者(shared-lib 在我的项目示例 node_modules 中有一个特殊的图标)。 我构建了共享库,还导入了共享组件 (SharedComponent)

从 'shared-lib' 导入 SharedComponent; <- lib 在我的 node_modules

../shared-lib/src/index.js SyntaxError: /Users/bemker/dev/portals-modern/shared-lib/src/index.js: 当前未启用对实验语法 'jsx' 的支持 (8:3):

将 @babel/plugin-transform-react-jsx (https://git.io/vb4yd) 添加到 Babel 配置的 'plugins' 部分以启用转换。

我正在学习视频教程,他不必弹出他创建的 React 应用程序,但我猜这就是错误的来源。

如果有人想看的话,这是我正在关注的视频。 https://www.youtube.com/watch?v=B7iYJT_ll-U

有人知道为什么会发生这种情况,或者如何克服它(最好不弹出)?

我找不到使用上述方法的解决方案,但有一个类似于 Create React App 的包用于构建库,这使得它非常容易。它不是由 FB 维护的,但对我有用。

https://github.com/transitive-bullshit/create-react-library https://github.com/transitive-bullshit/react-modern-library-boilerplate(多次导出)

使用它的视频教程:https://www.youtube.com/watch?v=N8d-CLmg3hw 第二个 w/ 'real' 用法:https://www.youtube.com/watch?v=6R699AQYH74

希望这对某人有所帮助。