使用 npm 包管理器安装时 b-tooltip css 不起作用

Posted 2023-02-16

【中文标题】使用 npm 包管理器安装时 b-tooltip css 不起作用

【英文标题】：b-tooltip css not working when installing using npm package manager

【发布时间】：2019-04-13 17:59:57

【问题描述】：

我目前正在制作一个类似于 Github 贡献图的组件，并努力将其作为 npm 包共享。

使用 npm 打包的组件 vue-contribution-graph 无法正确显示工具提示。 b-tooltipcomponent 的 CSS 正在处理原始项目，但它似乎没有正确包含在打包的组件中。确实，运行npm i vue-contribution-graph后，提示背景没有出现。

为了更清楚，我创建了一个 GitHub 问题：https://github.com/estelled/vue-contribution-graph/issues/4

手动安装所有依赖项后行为保持不变。

我关注了这个tutorial 进行 npm 打包。

文件已更改以打包组件：

package.json 添加了一个vue.config.js文件，以在包中包含 CSS

我该如何解决？

【问题讨论】：

你的main.js中导入bootstrap和bootstrap-vue的css文件了吗

【参考方案1】：

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

---

查看您的demo.html 后，它似乎需要一个丢失的文件：./vue-contribution-graph.css。您是否尝试过设置 extract: false 让您的 CSS 自动包含在包中？