使用npm软件包管理器进行安装时,b-tooltip css无法正常工作

时间:2018-11-10 10:28:24

标签: vue.js npm bootstrap-vue

我目前正在制作一个类似于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包装。

已更改文件以打包组件:

  1. package.json
  2. 添加了vue.config.js文件,以将CSS包含在包中

我该如何解决?

1 个答案:

答案 0 :(得分:0)

我的猜测是通过npm安装时它不起作用,因为CSS文件的路径错误。但是,当独立运行vue-contribution-graph软件包时,它们是正确的。


查看了您的demo.html之后,似乎需要缺少文件:./vue-contribution-graph.css。您是否尝试过将extract: false的CSS设置为自动包含在捆绑软件中?