我正在创建一个依赖于样式组件的库。我还在制作一个依赖于我的库和样式化组件的应用程序。没做任何特别的事情,我收到有关正在加载两个Styled-Components实例的警告。经过一些研究,似乎我需要使用webpack外部组件,以免将样式化组件编译到我的库包中。
我的第一个问题是我还需要利用npm的对等依赖吗?这是一个正交的概念吗?无论如何,我还添加了样式组件作为我库的对等依赖项。
我的主机应用程序有很多问题。因此,我创建了一个简化的演示应用程序(如果需要,将所有这些内容发布到仓库中)。这只是导入我的库的index.js文件。然后我还要npm安装样式化组件。我正在使用es6语法导入我的库,因此我添加了所有必需的babel软件包。我设置了webpack配置以捆绑我的应用程序。
但是我得到这个错误:
../libs/ab-chart/dist/bundle.js中的ERROR找不到模块:错误: 无法解析“样式化的组件” '/ Users / abollba / Dropbox / all / web / apps / libs / ab-chart / dist'
我已经花了几个小时浏览Webpack文档。我已经建立,拆除并不断地尝试每个配置键。我正要放弃。有太多的因素和令人困惑的错误,甚至不知道该怎么办。非常感谢您的帮助!
提供答案中要求的信息:
3)我像这样将库包含在我的应用中:import { Chart } from "ab-chart";