Vue cli3 安裝bootstrap報錯

2021-10-03 22:17:06 字數 1156 閱讀 4862

1、安裝 jquery

2、安裝 popper.js

3、安裝 bootstrap

1.1 報錯資訊

如圖所示

1.2 猜測原因

搜尋了一下報錯,大致有以下幾種情況:

1、jquery、popper、bootstrap(bootstrap 依賴於 jquery 和 popper)三者的安裝順序不正確

這個反覆試了好幾次,都無法解決我的問題,仍舊報錯如上

2、路徑出錯

這個我沒有查驗,一是嫌麻煩,二是比較菜

3、jquery 版本較低

我在視覺化視窗安裝的jquery,預設最新版本,因此排除這個情況

1.3 嘗試解決

由於情況一試了多次仍無效,然後我把目光放在了安裝方式上。安裝 jquery 和 popper 用的是視覺化視窗安裝的,而安裝 bootstrap 是用 npm 命令安裝的(因為我要指定安裝v3版本,而不是最新版本v4),猜測兩種方式之間可能存在順序問題,或者 jquery 版本和 bootstrap3 版本存在問題,因此把 bootstrap 解除安裝重新安裝,這次使用和 jquery 和 popper 相同的安裝方式(預設安裝最新,即 bootstrap4 版本)

然後重新整理,這次雖然有新的報錯,但是原來的報錯沒有了,也就是說原來的錯誤已經得到解決(由於時間問題,我就不去查驗到底是方式不對,還是 bootstrap 版本和 jquery 版本對應存在問題了)

下一條是新的報錯資訊

咳咳~~,但是當時小腦袋沒有反應過來,想著是不是由於一直沒有重啟伺服器的問題,然後就去重啟伺服器了

重啟時,直接報出下面錯誤

3.1 報錯資訊

忘記截圖了,大致都是一些 node-jquery.js 缺失,一共有四條,下面是其中一條

these dependencies were not found:

*jsdom in

./node_modules/jquery/lib/node-jquery.js

3.2 解決方法

直接npm install,然後重啟就好了,同時上面的所有問題也都沒有了

vue cli3的安裝使用

1 全域性安裝vue cli 使用命令 cnpm install g vue cli npm install g vue cli yarn global add vue cli 注意 nodejs版本應該大於8,否則安裝有問題 2 檢測安裝 使用vue v檢視 1 建立專案 根據自身需求選擇配置,最...

安裝vue cli3遇到的問題

在nodejs目錄下輸入命令npm install g vue cli 報錯如下 npm err code elifecycle npm err errno 1 npm err protobufjs 6.8.8 postinstall node scripts postinstall npm err...

vue cli3的安裝和使用

可通過命令列檢視是否成功 registry.npm.taobao.org3.安裝vue腳手架,3是指定版本,不加則預設安裝最新版本 npm install vue cli 3 g4.檢視vue腳手架是否安裝成功 vue v1.新建乙個vue專案 vue create proj name 2.進入專案...