将核心ui添加到Rails应用程序vuejs

Question

我正在尝试将coreui添加到Rails应用中，并且正在使用coreui的VueJS theme。

我在Rails应用程序中复制的资产很少，如app/assets/stylesheets/scss

SCSS是coreui中的主文件夹，目录结构现在看起来像这样。

但是当我尝试加载应用程序时，它给我的错误是

styles.scss没错，

// If you want to override variables do it here
@import "variables";

// Import styles
@import "@coreui/coreui/scss/coreui";

// If you want to add something do it here
@import "custom";

// ie fixes
@import "ie-fix";

此行@import "@coreui/coreui/scss/coreui";从node_modules目录导入CoreUI。

错误在于_variables.scss中node_modules/@coreui/coreui/scss/_variables.scss的文件中。

，并且在上述文件中将2个部分加载为

@import "node_modules/bootstrap/scss/functions"; // from bootstrap node_modules
@import "node_modules/bootstrap/scss/variables"; // from bootstrap node_modules

这两个部分在_variables.scss和_functions.scss的引导路径中都可用。

Rail的资产管道有问题吗？我需要改变什么吗？我正在为应用程序使用Vue webpacker配置。问题只是与向应用程序添加了一些资产然后加载它们有关。你能指出我错了吗？