1. 程式人生 > >ionic2專案建立遇到的問題

ionic2專案建立遇到的問題

在ionic2專案的建立過程中,遇到了不少問題,前前後後花了不少時間才解決。

在網上查到,可能是npm的版本問題,但是也只是可能。所以我就先照著簡單的方法做了。比如,直接跳過npm這個步驟。

使用命令列建立ionic專案

ionic start --v2 myApp tabs

我第一次遇到了這樣的錯誤
Installing npm packages... 
Error with start undefined Error Initializing app: There was an error with the spawned command: npminstall There was an error with the spawned command: npminstall

天知道發生了什麼。後來重新建立的時候遇到了更可怕的錯誤。
Unable to run exec commandError: Command failed: npm install
npm WARN prefer global [email protected].0 should be installed with -g
Cannot download "https://github.com/sass/node-sass/releases/download/v4.5.0/win3                  2-x64-48_binding.node":

ESOCKETTIMEDOUT

Hint: If github.com is not accessible in your location
      try setting a proxy via HTTP_PROXY, e.g.

      export HTTP_PROXY=http://example.com:1234

or configure npm proxy via

      npm config set proxy http://example.com:8080
gyp info it worked if it ends with ok
gyp verb cli [ 'C:\\Program Files\\nodejs\\node.exe',
gyp verb cli   'G:\\myionicapp\\myApp\\node_modules\\node-gyp\\bin\\node-gyp.js'                  ,
gyp verb cli   'rebuild',
gyp verb cli   '--verbose',
...此處省略幾十行

就算我知道某個地方有錯,我也不敢保證以我的水平能夠handle它。本來我就是個小白。

於是在網上搜到有說,“在執行npm後無法訪問國外資源庫。所以我們的操作是隻建立專案不建立依賴”。

執行這樣的命令。

ionic start --v2 myApp --skip-npm
然後再cd進myApp目錄,執行以下命令:
cnpm install --save
嗯。的確可以執行ionic serve。

結果執行ionic serve之後,網頁開啟顯示 Error: ENOENT: no such file or directory, open 'g:\myionicapp\myApp\www\index.html'

WHAT HAPPENED???

後來又在網上搜到,說,這個bug在beta22已經修復,所以感覺是ionic的問題,所以npm stall -g ionic,安裝後版本為2.2.1,再start專案,然後ionic serve正常,www資料夾下的檔案也全了。
升級之後終於能夠正常執行(看起來正常)。

參考資料:http://www.cnblogs.com/momoxiaoqing/p/6226706.html  (這個小姐姐的部落格寫得很詳細,包括了ionic1和ionic2 剛開始建立所能遇到的大部分問題,並且解決方法親測可行)

相關推薦

ionic2專案建立遇到的問題

在ionic2專案的建立過程中,遇到了不少問題,前前後後花了不少時間才解決。 在網上查到,可能是npm的版本問題,但是也只是可能。所以我就先照著簡單的方法做了。比如,直接跳過npm這個步驟。 使用命令列建立ionic專案 ionic start --v2 myApp ta

ionic2 ionic3 專案建立遇到的問題總結

真是一覺醒來,就又有新版本釋出啊。 這一次的總結主要針對ionic3,當然也適用於ionic2. 不一定面面俱到,但是希望看到這篇總結開發者能夠少走一些彎路。 First of all,當然是安裝最新版的ionic了。 npm install -g ionic 可以用 i

Libgdx Developer's Guide(Libgdx開發者手冊)-2(專案建立、執行和除錯)

專案建立 由於它的Android 和HTML5/GWT後臺,libgdx 與Eclipse緊密結合。本章討論怎樣在Eclipse中建立一個libgdx專案。如果你使用的是IntelliJ, 請檢視guide to use libgdx with IntelliJ IDEA 。如果你更喜歡使用其他

Spring整合Struts2和Hibernate+Maven(一)之Maven專案建立

趁著畢設的功夫,寫一些東西。也算是記錄個人平時畢設完成的過程。 建立專案 工具:intellij idea+JDK1.6+Maven 第一步:New Project ->點選左側maven ->勾選Create fromarchetype 後選擇maven-archet

Node.js部落格系統--2.專案建立、安裝初始化和第一個請求的實現

技術框架 專案初始化 開啟vscode,新建一個blog資料夾,在控制檯npm init,除了出現package name:(blog)的時候需要填寫一個blog,其他都只需要回車就可以 接著執行以下命令 分別使用 npm i --save ~;安裝下列包

Maven 聚合專案建立

第一步:建立父工程 右擊空白處,new 建立新的 maven 工程   這裡跳過預設的骨架,使用自動義的骨架   這裡父工程必須使用pom打包方式     第二步:建立子工程 右擊空白處,new建立新maven工程   跳

Android NDK開發 Android JNI專案建立

本篇文章只介紹android ndk在windows系統的編譯環境配置方法 更新於2015年1月11日 將更加詳細的介紹一個基本的Android Jni專案的建立。 步驟一:下圖是必須的,配置好這一步驟就可以進行Android JNI專案的建立了。 步驟二:新建一個Andr

springboot 專案建立步驟

1. 建立一個普通的Maven工程,不需要選擇任何模板 2. 匯入spring boot 父工程依賴以及新增web依賴 父工程依賴 <parent> <groupId>org.springframework.boot</groupId

使用Gradle管理專案建立第一個springboot專案

xl_echo編輯整理,歡迎轉載,轉載請宣告文章來源。更多IT、程式設計案例、資料請聯絡QQ:1280023003 百戰不敗,依不自稱常勝,百敗不頹,依能奮力前行。——這才是真正的堪稱強大!! 使用gradle管理專案和maven管理專案最大的區別在於它的依賴配置,如果不熟

maven專案建立pom xml報無法解析org apache maven plugins maven resource

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

Cocos2d-x專案建立之 靜態庫生成

第一步:建立Cocos2d-x專案 Mac環境下,提前配置好Cocos2d-x環境,使用終端建立cocos2d-x原始碼專案。建立專案命令列, cocos new -l cpp MyFirstDemo 如圖: 生成專

Cocos2d-x專案建立之 原生ios專案匯入Cocos2d框架

上一章: Cocos2d-x專案建立之 靜態庫生成 第一步,“Cocos2d-X原始碼”和“預編譯靜態庫”準備 Cocos2d-X原始碼可在官網下載,如: Cocos2d-X 預編譯靜態庫生成方法: Cocos2d-x專案建立之 靜態庫生成

node安裝與vue專案建立

1.使用vue開發前端框架,首先要有環境,這個環境藉助於node,所以首先安裝node,node直接在官網下載安裝即可,這裡不在闡述   2.藉助node裡面的npm來安裝需要的依賴,但是如果在cmd中直接用npm安裝一些工具會比較慢,所以我們首先安裝淘寶映象:開啟cmd,輸入&n

Vue-cli3 專案建立

簡介 之前寫過一篇文章Vue-cli專案建立,主要是針對Vue-cli3.0版本之前的,由於現在Vue-cli版本更新到了3.0,而且建立專案的一些情況也發生了變化,所以本篇將在基於Vue-cli3.0以上版本建立專案,大家可以參考一下Vue-cli2.0版本(這裡的Vue-cli3

springMVC專案建立

結合maven一起使用,首先通過File-->new-->Maven Project建立maven專案, 點選Finish完成建立。 建立後目錄結構如下: pom.xml中儲存的是maven依賴,從而匯入相關jar包。 在src中建立如下目錄結構:

java web專案建立讀取資原始檔的Messages類

package com.scheduler.util; import java.util.MissingResourceException; import java.util.ResourceBundle; public class Messages { //com.schedul

Vue——專案建立專案下各包所代表的意思

一.工程建立(終端內建立) 1、確保安裝過vue-cli模組 npm install vue-cli -g 2、初始化本地專案(下載腳手架摸版)vue init webpack xxx(工程名稱) 3、1 Y 3 N 4、進入到工程資料夾下,cd xxx 5、執行專案於本地伺服器,npm

scrapy抓取拉勾網職位資訊(一)——scrapy初識及lagou爬蟲專案建立

本次以scrapy抓取拉勾網職位資訊作為scrapy學習的一個實戰演練 python版本:3.7.1 框架:scrapy(pip直接安裝可能會報錯,如果是vc++環境不滿足,建議直接安裝一個visual studio一勞永逸,如果報錯缺少前置依賴,就先安裝依賴)     本篇

django專案問題總結

2. 關於設定static靜態檔案,樣式失效問題 原因: 可能開啟多個埠號,頁面顯示訪問的不是已經設定了static的模板,所以,樣式沒有顯示   3. models模型中gender欄位的選擇設定 choice = [ (1, '男'), (2, '女') ] gender = mo

【C++學習筆記】一、如何使用Visual Studio2015進行C++專案建立

C++學習常用的編譯環境是Visual Studio系列和GCC系列,其中VS是Win下的編譯器,GCC有Win、Linux和UNIX版本,二者皆可以從網上下載到,GCC是最接近C++標準的,後續有嘗試的價值,作為初學者本文先從VS系列進行學習。 本文內容轉載自:https://www.cnbl