快捷導(dǎo)航

解決vue項(xiàng)目Error:Cannot find module‘xxx’類報(bào)錯(cuò)問題

更新時(shí)間：2024年10月14日 10:12:44 作者：loveLifeLoveCoding

當(dāng)npm運(yùn)行報(bào)錯(cuò)Error:Cannot find module 'xxx'時(shí),通常是因?yàn)閚ode_modules文件或依賴未正確安裝,解決步驟包括刪除node_modules和package-lock.json文件,重新運(yùn)行npm install,并根據(jù)需要安裝額外插件,若網(wǎng)絡(luò)問題導(dǎo)致安裝失敗

vue項(xiàng)目Error:Cannot find module‘xxx’類報(bào)錯(cuò)

現(xiàn)發(fā)現(xiàn)只要是報(bào)錯(cuò) Error: Cannot find module ‘xxx’（例如 Error: Cannot find module ‘webpack’）這類的問題都可以用下面的方法解決。

報(bào)錯(cuò)內(nèi)容如下

運(yùn)行 npm install 沒問題，運(yùn)行 npm run serve 就會(huì)報(bào)錯(cuò)：

Error: Cannot find module ‘webpack’

解決方案

到項(xiàng)目文件夾下，刪除 node_modules 文件和 package-lock.json 文件。注意不是package.json（如果刪不掉，看下項(xiàng)目是不是打開了，關(guān)了再試試）
在項(xiàng)目下運(yùn)行npm install
繼續(xù)運(yùn)行npm run dev(這里不一定是dev，要根據(jù)自己實(shí)際項(xiàng)目中的配置來，就是啟動(dòng)項(xiàng)目就行)

后面如果報(bào)需要安裝什么插件，再繼續(xù)安裝插件，重啟即可。

一定要?jiǎng)h除 package-lock.json 不然沒有效果??！

安裝依賴時(shí)錯(cuò)誤：fatal: repository ‘https://github.com/nhn/raphael.git/’ not found

vue項(xiàng)目 npm i 安裝依賴失敗

npm ERR! Error while executing:
npm ERR! d:\Git\cmd\git.EXE ls-remote -h -t https://github.com/nhn/raphael.git
npm ERR! fatal: unable to access 'https://github.com/nhn/raphael.git/': OpenSSL SSL_read: Connection was reset, errno 10054
npm ERR!
npm ERR! exited with error code: 128

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\glq\AppData\Roaming\npm-cache\_logs\2021-08-05T01_57_51_837Z-debug.log

解決方案 1：

當(dāng)前網(wǎng)絡(luò)無法訪問 github.com ，建議切換為手機(jī)熱點(diǎn)網(wǎng)絡(luò)。

解決方案 2：

1、配置淘寶鏡像

npm install --registry=https://registry.npm.taobao.org //單次使用
npm config set registry https://registry.npm.taobao.org //永遠(yuǎn)使用

配置完成后檢驗(yàn)是否成功：

npm config get registry //或者下一行
npm info express//或者上一行

2、再次安裝

npm i

注意：

如果想還原 npm 倉(cāng)庫(kù)地址，只需再把地址配置成 npm 鏡像就可以了

npm config set registry https://registry.npmjs.org/

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Vue使用Less與Scss實(shí)現(xiàn)主題切換方法詳細(xì)講解
目前，在眾多的后臺(tái)管理系統(tǒng)中，換膚功能已是一個(gè)很常見的功能。用戶可以根據(jù)自己的喜好，設(shè)置頁(yè)面的主題，從而實(shí)現(xiàn)個(gè)性化定制。目前，我所了解到的換膚方式，也是我目前所掌握的兩種換膚方式，想同大家一起分享
2023-02-02
詳解vuex commit保存數(shù)據(jù)技巧
這篇文章主要介紹了詳解vuex commit保存數(shù)據(jù)技巧，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-12-12
vue動(dòng)畫之點(diǎn)擊按鈕往上漸漸顯示出來的實(shí)例
今天小編就為大家分享一篇vue動(dòng)畫之點(diǎn)擊按鈕往上漸漸顯示出來的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
vue3+ts 兄弟組件之間傳值的實(shí)現(xiàn)
Vue3是一款流行的前端框架,它支持多種傳值方式,包括兄弟組件之間的傳值,本文主要介紹了vue3+ts 兄弟組件之間傳值的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下
2023-11-11
vue中使用echarts并根據(jù)選擇條件動(dòng)態(tài)展示echarts圖表
雖然老早就看過很多echarts的例子, 但自己接觸的項(xiàng)目中一直都沒有真正用到過,直到最近才開始真正使用,下面這篇文章主要給大家介紹了關(guān)于vue中使用echarts并根據(jù)選擇條件動(dòng)態(tài)展示echarts圖表的相關(guān)資料,需要的朋友可以參考下
2023-12-12
vue el-table實(shí)現(xiàn)多選框回填的示例代碼
摘要：Vue多選框回填是實(shí)現(xiàn)表單數(shù)據(jù)高效處理的常見需求,本文主要介紹了vue el-table實(shí)現(xiàn)多選框回填的示例代碼,具有一定的參考價(jià)值,感興趣的可以了解一下
2024-01-01
Vue中ref和$refs的介紹以及使用方法示例
這篇文章主要給大家介紹了關(guān)于Vue中ref和$refs使用方法的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-01-01
vue與react詳細(xì)
react在中后臺(tái)項(xiàng)目中由于在處理復(fù)雜的業(yè)務(wù)邏輯或組件的復(fù)用問題比vue優(yōu)雅而被人認(rèn)可，但也更需要團(tuán)隊(duì)技術(shù)整體比較給力，領(lǐng)頭大佬的設(shè)計(jì)與把關(guān)能力要更優(yōu)秀，因此開發(fā)成本更大，下面文章就來詳細(xì)介紹,需要的朋友可以參考下
2021-09-09
vue實(shí)現(xiàn)全選功能
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)全選功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-10-10
VUE項(xiàng)目axios請(qǐng)求頭更改Content-Type操作
這篇文章主要介紹了VUE項(xiàng)目axios請(qǐng)求頭更改Content-Type操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2020-07-07