0

我正在尝试将共享库用于可重用组件，并仅使用 2 个开箱即用的 Create react 应用程序。一个称为“共享库”，另一个称为“项目示例”。我在共享库中制作了一个超级简单的组件，导出（在我测试时工作）。我 NPM 似乎正确地链接了两者（shared-lib 在我的项目示例 node_modules 中带有一个特殊图标）。我建立了共享库，我还导入了共享组件（SharedComponent）

从“共享库”导入 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 配置的“插件”部分以启用转换。

我正在关注一个视频教程，他不必弹出他的 create react 应用程序，但我猜这就是错误的来源。

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

任何人都知道为什么会发生这种情况，或者如何克服它（最好不弹出）？

4

1 回答 1

0

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

https://github.com/transitive-bullshit/create-react-library https://github.com/transitive-bullshit/react-modern-library-boilerplate （多个导出）

使用它的 vid 教程：https ://www.youtube.com/watch?v=N8d -CLmg3hw 第二个带“真实”用法：https ://www.youtube.com/watch?v=6R699AQYH74

希望这可以帮助某人。

于 2020-08-07T15:03:03.583 回答