无法安装 bootstrap-vue

Question

当尝试使用 Vuex、Vue-Router、TypeScript 和 babel 将 Boostrap-Vue 添加到我的项目时，浏览器出现错误。

重现

docker run -it --rm -p 8080:8080 node:17.7.2-alpine

yarn global add @vue/cli

vue create my_app

vue add bootstrap-vue

成功后我在浏览器中收到这个错误yarn serve

app.js:953 Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')
    at eval (config.js?b761:6:1)
    at Module../node_modules/bootstrap-vue/esm/utils/config.js (chunk-vendors.js:3415:1)
    at __webpack_require__ (app.js:950:33)
    at fn (app.js:1205:21)
    at eval (props.js:15:65)
    at Module../node_modules/bootstrap-vue/esm/utils/props.js (chunk-vendors.js:3668:1)
    at __webpack_require__ (app.js:950:33)
    at fn (app.js:1205:21)
    at eval (model.js:8:64)
    at Module../node_modules/bootstrap-vue/esm/utils/model.js (chunk-vendors.js:3591:1)

也尝试过 yarn add bootstrap-vue bootstrap

这是我的 main.ts 的样子：

import { BootstrapVue, BootstrapVueIcons } from 'bootstrap-vue';

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

import { createApp } from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';

const myApp = createApp(App).use(store).use(router);

myApp.use(BootstrapVue);
myApp.use(BootstrapVueIcons);

myApp.mount('#app');

我在浏览器中遇到同样的错误

我已经在 node docker 中安装了 vue 并在 Arch Linux 上通过 yay 安装了一个。

vue --version @vue/cli 5.0.1

Answer 1

如果您正在使用 Vue.js 版本 3 并想在新应用程序上使用最新的 Bootstrap 版本，您可能需要查看此线程：

最新版本Bootstrap不再使用jquery，可以直接使用，无需安装bootstrap-vue。

无法安装 bootstrap-vue

Unable to install bootstrap-vue

typescript

vue.js

bootstrap-vue