boostrap + nuxt.js 遇到問題
老師,我正在做一個 nuxt.js 項目,為了面試做準備的,目前遇到的問題搜索不到解決辦法,我使用了 boostrap 的響應式導航欄,我通過引入外部資源來使用 boostrap,但是無法正確顯示導航欄,我在正常的html文件中就可以正常顯示,但在nuxt.js項目中就顯示不了,之后我使用了 npm install 來使用boostrap,也無法正常顯示,控制臺沒有報錯:
使用 html 文件正確顯示的效果圖(代碼是一樣的):
使用 nuxt.js 錯誤顯示的效果圖:
引入外部文件:
但是網(wǎng)頁請求 boostrap.js 和 jquery.js 都成功了
我又使用 npm install 來使用 bootstrap,但是一樣不能正常工作:
css:?[????'bootstrap/dist/css/bootstrap.css',????'@/assets/styles/common.css',????'@/assets/styles/iconfont.css'??],??/*??**?Plugins?to?load?before?mounting?the?App??*/??plugins:?[????'~plugins/bootstrap.js'??],??/*??**?Nuxt.js?modules??*/??modules:?[????//?Doc:?https://bootstrap-vue.js.org/docs/????'bootstrap-vue/nuxt',??],??/*??**?Build?configuration??*/??build:?{????/*????**?You?can?extend?webpack?config?here????*/????vendor:?['jquery',?'bootstrap'],????plugins:?[??????//?set?shortcuts?as?global?for?bootstrap??????new?webpack.ProvidePlugin({????????$:?'jquery',????????jQuery:?'jquery',????????'window.jQuery':?'jquery'??????})????],????extend(config,?ctx)?{????}??}
2020-02-13
jiayou