我目前正在制作一个类似于Github贡献图的组件,并努力地将其作为npm软件包进行共享。
与npm一起包装的组件vue-contribution-graph
无法正确显示工具提示。 b-tooltip
组件的CSS正在原始项目上运行,但似乎未正确包含在打包的组件中。实际上,在运行npm i vue-contribution-graph
之后,不会显示工具提示背景。
我已经创建了一个GitHub问题,以使其更加清晰:https://github.com/estelled/vue-contribution-graph/issues/4
手动安装所有依赖项后,行为仍然相同。
我遵循此tutorial进行npm包装。
已更改文件以打包组件:
package.json
vue.config.js
文件,以将CSS包含在包中我该如何解决?
答案 0 :(得分:0)
我的猜测是通过npm安装时它不起作用,因为CSS文件的路径错误。但是,当独立运行vue-contribution-graph
软件包时,它们是正确的。
查看了您的demo.html
之后,似乎需要缺少文件:./vue-contribution-graph.css
。您是否尝试过将extract: false
的CSS设置为自动包含在捆绑软件中?