從parcel.js打包出錯,到選擇nvm

来源:https://www.cnblogs.com/rlwb/archive/2018/01/23/8331787.html
-Advertisement-
Play Games

去年年底發佈的parcel.js在年底可謂是火了一把,短短一個多月的時間在GitHub熱門排行榜上名列前茅。因其幾乎零配置的易用性,相比Webpack的複雜配置收穫了大量關註及好評,甚至有人預言未來大有超過Webpack之趨。我也趕緊嘗試一下,發現確實非常簡單易用,但是一開始,插件還是比較少,相信未 ...


去年年底發佈的parcel.js在年底可謂是火了一把,短短一個多月的時間在GitHub熱門排行榜上名列前茅。因其幾乎零配置的易用性,相比Webpack的複雜配置收穫了大量關註及好評,甚至有人預言未來大有超過Webpack之趨。我也趕緊嘗試一下,發現確實非常簡單易用,但是一開始,插件還是比較少,相信未來會越來越成熟好用。以後如果有機會我會專門寫一篇關於parcel.js的文章,說了那麼多廢話,其實接下來我要說的是nvm(2333...)

遇到問題

我在使用parcel.js打包項目的時候出現了下麵的錯誤:

我在仔細檢查完代碼並且核實項目配置沒有問題後,沒辦法只能求助萬能的Google,結果在GitHub上找到了錯誤的原因,parcel.js使用了Async 函數,預設Node.js 8以上才支持的,低於8的話需要使用babel配置。我查看了一下自己的Node.js版本,如下:

找到問題原因後,我想升級一下node不就解決問題了。但又一想,公司最近在做的項目有用到node,貿然升級項目報錯就麻煩了。這時候,我想到了nvm,其實很早之前就看過,當時覺得電腦已經安裝了node環境了,卸載重新安裝費事就沒有用它。但是現在需要用新版本的node才可以用parcel.js,我決定卸載node,重新用nvm安裝,管理node版本。
首先我遇到的問題就是mac下如何徹底卸載node呢,因為當時使用Homebrew安裝的,感覺直接卸載,應該不徹底。於是我上網查了很多文檔,親身實踐如下:

Mac os下徹底卸載node

1.刪除/usr/local/lib中的所有node和node_modules
2.刪除/usr/local/lib中的所有node和node_modules的文件夾
3.如果是從brew安裝的, 運行brew uninstall node
4.檢查~/中所有的local, lib或者include文件夾, 刪除裡面所有node和node_modules
5.在/usr/local/bin中, 刪除所有node的可執行文件
6.最後運行以下代碼:
sudo rm /usr/local/bin/npm
sudo rm /usr/local/share/man/man1/node.1
sudo rm /usr/local/lib/dtrace/node.d
sudo rm -rf ~/.npm
sudo rm -rf ~/.node-gyp
sudo rm /opt/local/bin/node
sudo rm /opt/local/include/node
sudo rm -rf /opt/local/lib/node_modules
(感謝知乎@haochuan)

徹底卸載完node後,然後按照Githubnvm安裝文檔一步一步安裝就好了。有了nvm你就可以隨心所欲的安裝,切換你想要任何版本的node了。

哈哈,隨便切換node版本,感覺真棒。

經過這件事,我在思考,其實我很早就知道了會有遇到node版本這個問題。但是怕麻煩就沒有理會,總感覺不一定會遇到,但是真到遇到了,還是要解決的。平時寫代碼也是一樣的,考慮全面再去實現代碼,哪些模塊需要封裝,都要考慮好,並實現。不能因為麻煩就不去做,當你最終遇到自己留下的坑的時候,還是要自己去填的。往往填坑的同時會帶來更大的痛苦。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 0、寫在前面 1、小技巧 UILabel類: 1-1-1)、設置行間距富文本,有省略號要求的,需要再次設置省略(初始化時設置的會失效)。 UITextField類: 1-2-1)、清空按鈕。 UITextView類: 1-3-1)、UITextView只能x軸居中,y軸需要手動調。 UITextFi ...
  • 本文出自:http://blog.csdn.net/harvic880925/article/details/40660137 源碼地址:http://download.csdn.net/detail/harvic880925/8111357 一、概述 EventBus是一款針對Android優化的 ...
  • 1.先在github上創建一個git倉庫。 README文件可以先不加,等代碼上傳到github後再加 這是創建後的樣子 2.打開終端 找到項目文件夾,cd 到所在文件 3. 初始化git git init 4. 添加到git git add . (註意:add後面又有個空格) 5. 添加到臨時倉庫 ...
  • app在運行過程中,需要保存用戶的一些信息。例如登錄狀態、賬戶信息等,安卓提供了多種方式來保存用戶的數據。 1.key-value 保存,通過SharedPreferences實現 SharedPreferences sp = getSharedPreferences("test", Context ...
  • 這段時間在搞電子書,把這些天出現的問題歸總下,我還是希望電子書的格式包括返回的數據,可直觀的反應出客戶端想表達的內容;原生的體驗還是比較好的,希望對coretext再深入。 1.判斷點擊的位置是否在某個NSRange範圍內 2.通過CFRange與CTFrameRef獲取要操作(塗色,劃線)的CGR ...
  • 寫在前面 在我們操作頁面跳轉時,如果當前的類不是UIViewcontroller(下麵用VC表示),你會不會寫一個代理,或者block給VC傳遞信息,然後在VC裡面進行 拿tableViewCell做例子,如果每個頁面展示的tableViewCell中,如果存在不少的這樣操作,就會寫很多代理或者bl ...
  • 事務是一些列的資料庫操作,是資料庫應用程式的基本邏輯單位。事務處理技術主要包括併發控制技術和資料庫恢復技術。併發控制和資料庫恢復機制是資料庫管理系統的重要組成部分,併發控制機制用來控制多個事務的並行運行,避免它們之間的互相干擾,保證每個事務都產生正確的結果。資料庫恢復機制用來進行系統失敗後的恢復處理 ...
  • HTML5 source標簽是一種媒介元素(比如 <video> 和 <audio>)來定義媒介資源。<source> 標簽允許您規定可替換的視頻/音頻文件供瀏覽器根據它對媒體類型或者編解碼器的支持進行選擇。 這裡主機吧給大家講一下source標簽的應用屬性和實例。 <source>標簽屬性: <s ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...