我有一个要构建为随Webpack一起构建的React组件库的库。我有第二个项目(称为todo app
)正在尝试从第一个项目中提取组件。我正在使用npm package.json module
字段从组件库中指定src
目录,以便我的第二个项目可以直接提取组件。
我看到的错误是,即使todo应用程序也使用流类型定义,也无法正确解析组件库中的流类型定义。这是我看到的错误的示例:
ERROR in ./node_modules/@<npm_org>/<npm_package>/src/components/Header/index.jsx
12:5 Module parse failed: Unexpected token (12:5) You may need an appropriate loader to handle this file type.
| import styles from'./styles'
> type Props = {
| classes: Object,
| handleDrawerToggle: () => void,
@ ./node_modules/@<npm_org>/<npm_package>/src/index.js 1:0-55 1:0-55
@ ./src/modules/dashboard/components/presenter.jsx
@ ./src/modules/dashboard/components/container.jsx
@ ./src/modules/dashboard/components/index.js
@ ./src/modules/router/index.jsx
@ ./src/modules/root/App/index.jsx
@ ./src/main.jsx
@ multi (webpack)-dev-server/client?http://localhost:9000 @babel/polyfill ./src/main.jsx
两个babel配置都使用react预设并独立正确构建。如果我在本地使用yarn link
,则构建成功-只有在执行发布过程时,构建才会中断。
任何帮助将不胜感激!如果有帮助,很高兴发布我的webpack / babel配置。
谢谢!