溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

vue結(jié)合bootstrap4.0使用

發(fā)布時(shí)間：2020-06-27 06:01:08 來源：網(wǎng)絡(luò) 閱讀：16370 作者：杏sunshine 欄目：web開發(fā)

一般vue都是結(jié)合elementui 、mint-ui等使用，但是自己還是想結(jié)合bootstrap來使用，在使用的過程中遇到一些報(bào)錯(cuò)
使用bootstrap 要結(jié)合jQuery來使用的，首先要安裝依賴
npm install jquery --save
npm install bootstrap --save
安裝好這些我們還是要改webpack的配置文件的，修改webpack.base.conf.js如下：
添加
var webpack = require('webpack'); 這段代碼

在module.exports修改resolve
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'jquery': 'jquery'
}
},

在module.exports 添加此配置
  plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
  jQuery: "jquery",
  $: "jquery",
  Popper: ['popper.js', 'default'],
})

],

這些配置好了還是會(huì)報(bào)錯(cuò)的，報(bào)錯(cuò)如下

bootstrap dropdown require popper.js**

因?yàn)樾枰蕾噋opper.js
需要npm install popper.js  --save
這樣才能結(jié)合起來使用
向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手