vue-cli之引入Bootstrap問題(遇到的坑,以及解決辦法)
更新時間：2023年10月26日 10:21:19 作者：Homyee King
這篇文章主要介紹了vue-cli之引入Bootstrap問題(遇到的坑,以及解決辦法),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
查看網上許多教程，都是一樣的，可能他們安裝的時候沒有碰到問題，我在按照網上教程操作完后，還是不行，
本人英語還可以，于是我就嘗試看了看報的錯，提示有幾個格式需要找loader處理一下，如果你也遇到和我一樣的問題就看下面吧？
首先安裝jquery
npm install jquery@1.11.3 --save-dev
安裝Bootstrao庫
這里是3.3.0
npm install bootstrap@3.3.0 --save-dev
配置jquery
在對應項目文件夾下找到webpack.config.js，配置一下插件
plugins: [
new webpack.ProvidePlugin({
$: “jquery”,
jQuery: “jquery”,
“windows.jQuery”: “jquery”
})
]mian.js里添加
import $ from ‘jquery'; import ‘bootstrap/dist/css/bootstrap.min.css'; import ‘bootstrap/dist/js/bootstrap.min';
網上教程基本就到這一步了，如果你的還不行就看看下面的東西你有沒有配置
報錯會提示無法解決xxxxxxxxx.ttf之類的文件
于是我就一個一個的解決，還好就三種格式，直到報錯小時，頁面正常
解決方法
還是在webpack.config.js下配置loader
這里我們需要的是url-loader
安裝
npm install --save-dev url-loader
具體使用教程看文檔
https://www.webpackjs.com/loaders/url-loader/
然后配置
{
test: /.(ttf|eot|woff)$/,
use: [
{
loader: ‘url-loader',
options: {
limit: 8192
}
}
]
}大功告成！
PS!!!
粘貼過去一定要檢查一下引號是否是英文狀態(tài)
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
在使用Vue3時,有時頁面修改后會出現空白,這篇文章主要介紹了vue3切換路由時頁面空白問題解決辦法,文中介紹的步驟可以有效解決頁面空白問題,需要的朋友可以參考下2024-09-09
在Vue開發(fā)中遇到了搜索框輸入防抖處理,算是防抖的使用場景之一吧,這篇文章主要給大家介紹了關于Vue3指令之搜索框輸入防抖功能實現的相關資料,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了Vue項目中配置pug解析支持的實例代碼，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
這篇文章主要給大家介紹了關于vue-router二級導航切換路由及高亮顯示的實現方法，文中通過示例代碼介紹的非常詳細，對大家學習或者使用Vue具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-07-07
最近在學習vue router的傳參,所以下面這篇文章主要給大家介紹了關于vuejs路由的傳參及路由props配置的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-07-07
放大鏡在很多地方都可以使用的到，本文主要介紹了vue結合leaflet實現地圖放大鏡，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-06-06
Vue 中v-model的完整用法及v-model的實現原理解析
這篇文章詳細介紹了Vue.js中的v-model指令的使用,包括基本用法、原理、結合不同類型的表單元素（如radio、checkbox、select）以及使用修飾符（如lazy、number、trim）等,感興趣的朋友一起看看吧2025-02-02
這篇文章主要為大家詳細介紹了vue實現實時搜索顯示功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了解決vue內存溢出報錯的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
本文主要介紹了Vue3管理后臺項目使用高德地圖選點的實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-07-07