Tengo un proyecto recién creado en vue.js, todo funcionó (página de inicio). Luego instalé bootstrap-vue con estos pasos.
$ yarn add bootstrap bootstrap-vue. $ npm install bootstrap bootstrap-vue --save.
Pero después de instalar Bootstrap, me quedo atascado con este error: -Error: no se puede encontrar el módulo '@vue/ref-transform'
algún consejo que puedo hacer por favor
este es mi paquete.json
{ "name": "testProj", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "bootstrap": "^5.1.1", "bootstrap-vue": "^2.21.2", "core-js": "^3.6.5", "vue": "^3.0.0" }, "devDependencies": { "@vue/cli-plugin-babel": "~4.5.0", "@vue/cli-plugin-eslint": "~4.5.0", "@vue/cli-service": "~4.5.0", "@vue/compiler-sfc": "^3.0.0", "babel-eslint": "^10.1.0", "eslint": "^6.7.2", "eslint-plugin-vue": "^7.0.0" }, "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/vue3-essential", "eslint:recommended" ], "parserOptions": { "parser": "babel-eslint" }, "rules": {} }, "browserslist": [ "> 1%", "last 2 versions", "not dead" ] }
Bootstrap Vue no es (todavía) compatible con Vue 3.
El plan actual es:
BootstrapVue v2:
- Función congelada después de v2.17.0
- Solo correcciones de errores críticos y actualizaciones de seguridad
BootstrapVue v3:
- Basado en BootstrapVue 2.17.0
- Compatibilidad con Vue.js v3
- Soporte de Bootstrap v4.x
- Lanzamiento: poco después del lanzamiento de Vue.js v3
BootstrapVue v4:
- reescritura completa
- Compatibilidad con Vue.js v3
- Soporte de Bootstrap v5
- Lanzamiento: Sin ETA todavía
Así que sí, ya viene ;)
Más información aquí: https://github.com/bootstrap-vue/bootstrap-vue/issues/5196