webpack 和 webpack-cli 安裝和使用中出現的問題

来源:https://www.cnblogs.com/schuan/archive/2020/05/10/12865143.html
-Advertisement-
Play Games

因為國內防火牆的原因,建議首先安裝 cnpm: 使用 npm install cnpm -g 或者 npm install -g cnpm --registry=https://registry.npm.taobao.org 【註】G:\MyWeb\...處為自定義的文件夾地址 安裝 webpack ...


因為國內防火牆的原因,建議首先安裝 cnpm:

  使用 npm install cnpm -g 或者 npm install -g cnpm --registry=https://registry.npm.taobao.org

  【註】G:\MyWeb\...處為自定義的文件夾地址

 

安裝 webpack 和 webpack-cli:

  可以用 cnpm install webpack -Dcnpm install webpack-cli -D 分別安裝,也可以用 cnpm install webpack webpack-cli -D 一起安裝,因為之前就出了問題,為了找問題我採用的分別安裝

 

【註】下圖中 cnpm i 是 cnpm install 的縮寫

 

但是安裝後還是有問題(此處 if ( 已經打包成功 ) return )

 

嘗試在初始化時生成的 package.json 文件中添加 dev:webpack 後運行也是出錯

找到提示的這個日誌文件,把文件夾中的日誌刪除,然後重新下載依賴:

使用 cnpm install webpack -g cnpm install webpack-cli -g 命令直接下載(為了試錯我是分別安裝的,另外使用 npm 會報錯)

 

 使用 cnpm install webpack -g 命令下載

 

再使用 cnpm i webpack -D 安裝,別忘了還有 webpack-cli 也要執行一遍下載和安裝,是否可以使用 cnpm i webpack webpack-cli -g 和 cnpm i webpack webpack-cli -D 直接一次下載安裝我沒試過,折騰太久不想試了,試過的朋友可以留個言

 

最後設置好 webpack.config.js 配置文件,再次運行 webpack 打包成功

 


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

-Advertisement-
Play Games
更多相關文章
  • SDS 簡單動態字元串。 SDS的結構: struct sdshdr{ int len;//記錄BUF數組中已使用位元組的數量 ,等於SDS所八寸字元串的長度 int free;//記錄BUF數組中未使用位元組的數量 char buf[];//位元組數組,用於保存字元串 } 1、與c語言的字元串相比,SD ...
  • 1、讀取Mysql數據 object JdbcRddDemo { def getConn() = { Class.forName("com.mysql.jdbc.Driver").newInstance() DriverManager.getConnection("jdbc:mysql://hado ...
  • 表結構 student(StuId,StuName,StuAge,StuSex) 學生表 teacher(TId,Tname) 教師表 course(CId,Cname,C_TId) 課程表 sc(SId,S_CId,Score) 成績表 問題八:查詢課程編號“002”的成績比課程編號“001”課程 ...
  • 1. 下載上傳安裝包到伺服器 下載鏈接: "https://pan.baidu.com/s/1YNaEq9E8lugXC8ebKyegwA" 提取碼:ienf 2. 解壓及創建目錄 解壓 tar xzvf mysql 5.7.11 linux glibc2.5 x86_64.tar.gz 重命名 m ...
  • 廣播變數 應用場景:在提交作業後,task在執行的過程中, 有一個或多個值需要在計算的過程中多次從Driver端拿取時,此時會必然會發生大量的網路IO, 這時,最好用廣播變數的方式,將Driver端的變數的值事先廣播到每一個Worker端, 以後再計算過程中只需要從本地拿取該值即可,避免網路IO,提 ...
  • NDK clang編譯器的一個bug 問題代碼 ...
  • 本系列的目的是幫助更多面試經驗不足的前端人才更好地展現自己。在此,我分享一些以往我參加面試和參與招聘的一些心得,希望對大家有幫助。 關於簡歷設計 簡歷是人才的縮影,一份優質的簡歷是前往大公司的敲門磚。所以對於招聘,簡歷準備是第一環,也是最重要的一環。前端工程師的簡歷其實不需要視覺設計類的那般花哨,核 ...
  • 項目實現:還原百度搜索功能; 項目原理:利用json回調頁面傳參; 什麼是jsonp:就是利用<script>標簽的src地址,讓目標頁面回調本地頁面,並且帶入參數,也解決了跨域問題; 代碼如下: html(css代碼不提供) 1 <div class="box"> 2 <input type="t ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...