在组件样式中导入 lib 的 css 是在安装时抛出依赖项未找到

Question

<style lang="scss">
@import 'tippy.js/dist/tippy.css';

//@import "@/assets/vars.scss";

.chart-tooltip-slim {
  color: #fff;
  padding: 10px 15px;
}
.chart-tooltip {
  min-width: 260px;
  color: #fff;
  padding: 15px 30px;

我在 vuejs 2 应用程序中有以下代码。问题是 lib 已安装并且当我仅导入 js 部分时它正在工作。但是，当我导入样式时，它会抛出有关未找到依赖项的加载程序错误。出了什么问题，我该如何解决？

Answer 1

@import '~tippy.js/dist/tippy.css';

应该可以。

---

您也可以使用

import 'tippy.js/dist/tippy.css';

...在 JavaScript 中（通常您会将所有供应商样式导入放在 main.js 中）。