时间戳

首页 > 解决方案 > $input-height-inner-quarter 未定义变量

sass - $input-height-inner-quarter 未定义变量

问题描述

我想在nuxt.js引导程序中使用自定义主题，vue但我在编译时遇到问题。

$input-height-inner-quarter undefined variable

 background-position: right $input-height-inner-quarter center;
                                ^
      Undefined variable: "$input-height-inner-quarter".
      in /node_modules/bootstrap-vue/src/components/form-input/_form-input.scss (line 10, column 34)

标签： sassvuejs2bootstrap-4nuxt.jsbootstrap-vue

解决方案

看起来您正在使用 SCSS（不是预编译的 CSS）。

确保将@import所有 SCSS 文件放入单个 SCSS 文件中，然后将其import编辑到您的项目中。

单独单独导入到您的项目中不会共享 SCSS 变量。

https://bootstrap-vue.js.org/docs/reference/theming

推荐阅读