Bootstrap-vue 不加载 CSS webpack 应用程序

我正在使用 bootstrap 4 编写 vuejs 应用程序。我按照文档进行操作，它确实适用于我的本地计算机项目。但是一旦我将它安装在远程服务器项目（webpack 项目：我是此类项目的新手）上，它就不起作用了，它会使整个项目崩溃（继续加载）。我添加到 main.js

@import '../../node_modules/bootstrap/dist/css/bootstrap.css';
@import '../../node_modules/bootstrap-vue/dist/bootstrap-vue.css';

Vue.use(BootstrapVue);

我确实在 package.json

中有 vue-style-loader 和 css-loader

我在 webpack.config 中添加了 module.rules

{
  test: /\.css/,use: ['vue-style-loader','css-loader'] // BOTH are needed!
}

但没有任何改变，我错过了什么吗？对初学者有什么建议吗？

在main.ts（或.js）中：

import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap-vue/dist/bootstrap-vue.css';

来自docs。

或者，如果您热衷于在您的一个 SCSS 文件中使用 @import，请使用：

@import 'node_modules/bootstrap/dist/css/bootstrap.css';
@import 'node_modules/bootstrap-vue/dist/bootstrap-vue.css';

或：

@import 'node_modules/bootstrap/scss/bootstrap.scss';
@import 'node_modules/bootstrap-vue/src/index.scss';

至于“初学者提示”：