環信webim1.1.2版本在windows下npm環境搭建錯誤解決

標籤：

1.1.2版本的webim從ui到整體的代碼結構都做了很大改變，從代碼結構上採用node.js的環境進行開發和打包，最終打包的輸出項目，不依賴node.js的環境進行運行，得益於webpack的打包實現。

這裡有詳細的管網介紹：http://www.imgeek.org/article/825308179

：https://github.com/easemob/web-im/releases/tag/v1.1.2

先說明一下在搭建node.js環境時到打包碰到的問題：

前提：必須成功搭建了node.js環境才能進行以下步驟，可以參考這篇文章進行搭建：http://xiaoyaojones.blog.163.com/blog/static/28370125201351501113581/

1、如果在https://nodejs.org/en/官網下載的v4.5.0 LTS，然後進行npm install命令之後再進行webpack命令，會提示以下錯誤：

解決方案：使用會5.10.1版本的進行npm install->webpack，然後就能成功打包。

2、上面一步中，很大機率會出現webpack不是系統命令，如果出現這樣的問題，一種是webpack的包安裝不是全域，webim採用的就是局部安裝，只是項目上引用局部模組非常方便，也不會出現太多的莫名奇怪的衝突問題；

可以通過以下方式解決：

①用npm install -g命令安裝webpack為全域模組，然後即可使用webpack命令。

②既然要局部，那就直接局部使用；經過分析，調用webpack命令時其實就是一個cmd批處理，查看批處理會發現，就是node + “xxx.js”的形式存在，那麼我們可以這樣變通一下，命令列進入到webim的目錄運行如下命令：

node ./node_modules/webpack/bin\webpack.js -config webpack.config.js

③還有一種方式，那就是通過package.json進行開刀，在scripts節點上增加"start":"webpack"，然後在命令列上運行npm start同樣能達到打包的效果。

注意：以上啟動並執行命令列一定要以管理員的身份運行

題外：新版的webim需要用的知識比較多，可以按照這樣的順序進行突破：node.js->npm->react->webpack

環信webim1.1.2版本在windows下npm環境搭建錯誤解決