Как включить bootstrap-vue в vue.js с помощью npm? - PullRequest
Новая
       14

Как включить bootstrap-vue в vue.js с помощью npm?

0 голосов
/ 17 февраля 2019

Я использую vue.js, webpack, npm и jQuery.Теперь я хочу включить фреймворк bootstrap-vue в мой проект.Я следовал руководству https://bootstrap -vue.js.org / docs через npm и включил bootstrap-vue.При запуске процесса сборки npm я получаю слишком много ошибок с babel-runtime, таких как: 

ERROR in ./node_modules/bootstrap-vue/es/utils/popover.class.js
Module not found: Error: Can't resolve '@babel/runtime/helpers/typeof' in 
'C:\Users\abdul\WebstormProjects\editor\node_modules\
bootstrap-vue\es\utils'
@ ./node_modules/bootstrap-vue/es/utils/popover.class.js 10:38-78
@ ./node_modules/bootstrap-vue/es/directives/popover/popover.js
@ ./node_modules/bootstrap-vue/es/directives/popover/index.js
@ ./node_modules/bootstrap-vue/es/directives/index.js
@ ./node_modules/bootstrap-vue/es/index.js
@ ./src/main.js

main.js: 

import Vue from 'vue'
import App from './App'
import router from './router'
import 'jquery'
import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

Vue.use(BootstrapVue)

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
el: '#app',
router,
template: '<App/>',
components: { App }
})

У меня есть подобные ошибки, как это длядругие файлы JavaScript.Popover.class.js является одним из них.

I, за исключением успешной сборки с помощью bootstrap-vue.Необязательно: я мог бы включить bootstrap-vue другими способами.

1 Ответ

0 голосов
/ 18 февраля 2019

Установите vue-cli 3 и добавьте bootstrap-vue в качестве плагина

Запустите следующие команды: 

npm install -g @vue/cli

vue create project-name

cd project-name

vue add bootstrap-vue

Плагин будет автоматически добавлен и настроен.

...