我在練習谷粒商城P83時，選擇分類時觸發向后端請求選擇分類catId綁定的品牌數據，發現前端控制臺報錯：

"PubSub is not definded",找不到pubsub。

因為缺少pubsub包，所以開始安裝此包。

于是在網上一頓搜索猛如虎，搞了差不多3個小時。總算安裝好pubsub-js。

我在vscode的terminal輸入安裝命令：

npm install --save pubsub-js

報錯信息如下：

npm ERR! path D:\study_codes\renren\renren-fast-vue\node_modules\chromedriver
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node install.js
npm ERR! Downloading https://chromedriver.storage.googleapis.com/2.27/chromedriver_win32.zip
npm ERR! Saving to C:\Users\tangfq\AppData\Local\Temp\chromedriver\chromedriver_win32.zip
npm ERR! node:events:498
npm ERR!       throw er; // Unhandled 'error' event
npm ERR!       ^
npm ERR!
npm ERR! Error: read ECONNRESET
npm ERR!     at TLSWrap.onStreamRead (node:internal/stream_base_commons:217:20)
npm ERR! Emitted 'error' event on ClientRequest instance at:
npm ERR!     at TLSSocket.socketErrorListener (node:_http_client:442:9)
npm ERR!   errno: -4077,
npm ERR!   code: 'ECONNRESET',
npm ERR!   syscall: 'read'
npm ERR! }npm ERR! A complete log of this run can be found in:
npm ERR!     D:\Program Files\nodejs\node_cache\_logs\2024-05-30T14_24_34_229Z-debug-0.log

我開始看這個報錯還以為是chromedriver_win32.zip沒有下載，然后去下載這個包放在對應位置，沒卵用！又搜索errno:-4077，網上說是我沒得管理員權限，我又用管理員打開vscode或cmd窗口，繼續試安裝命令：

npm install --save pubsub-js

報相同的錯。于是又繼續搜索，看網上好多blog都說執行上面的命令一把就安裝成功，若安裝不成功，就換做用cnpm（cnpm和npm區別就是cnpm是淘寶的鏡像地址，npm是國外的鏡像地址）來安裝，試了也不行。最終看了一篇blog說鏡像地址不對，于是我重新設置代理的鏡像地址：

npm install -g cnpm --registry=https://registry.npmmirror.com

設置完地址后執行install命令成功了！

npm install --save pubsub-js@1.8.0

注意：我看網上blog說安裝的pubsub-js版本號：1.6.0-1.8.0，若不在這個區間會出現兼容性問題。若大家有時間可以驗證正確性。

安裝成功界面如下：

在前端項目中的package.jsons查看pubsub-js的版本如下：

然后在項目src下的main.js中引用：

import PubSub from 'pubsub-js'
Vue.prototype.PubSub = PubSub

在vscode的terminal中運行：npm run dev，運行界面效果如下：

還有另外一篇blog說強行安裝pubsub-js，這種方法我沒試過。若你們按這種方式還搞不定，可以試下這種：

Vue項目安裝和引入pubsub-js出現的問題：ERROR Failed to compile with 1 error.This dependency was not found-CSDN博客

參考地址：

npm install --save pubsub-js 報錯 xx\.bin\webpack-dev-server.cmd...code EEXIST...Refusing to delete_vue使用指令npm install --save pubsub-js報錯-CSDN博客

Debug3：關于谷粒商城前端缺失PubSub依賴問題的解決_谷粒商城 前端中pubsub-CSDN博客

關于前端pubsub、publish報錯_this.pubsub.publish-CSDN博客