Ionic

時間  2019-12-09
標籤 ionic 简体版
原文   原文鏈接



工具



啓動 ionic 項目
ionic serve


資料


官方提供的demo

演示各類組件
https://github.com/ionic-team/ionic-conference-app
依賴包卡在 

| [26/30] Installing parse-asn1@^5.0.0


多嘗試幾回
rimraf node_modules && cnpm i && ionic serve




ionic-preview-app

官方提供的展現組件的應用
完美不報錯

This app accompanies the Ionic component documentation.

惋惜沒有菜單 , 得要本身左右切換到想要的內容
好比想要找按鈕組件在哪 , 要一直切換到下一面

https://github.com/ionic-team/ionic-preview-app

git clone --depth=1 https://github.com/ionic-team/ionic-preview-app.git &&  cd ionic-preview-app  &&  cnpm install

git clone https://github.com/ionic-team/ionic-preview-app.git
cd ionic-preview-app
npm install
ionic serve
打開 http://localhost:8100/


在線demo , 加載很慢
https://ionic-team.github.io/ionic-conference-app/www








問題



cli 建立項目後自動下載依賴包失效


使用cnpm安裝模塊 . 具體操做:
當 ionic start 後 , 控制檯提示 Instancing dependencies may take ...的時候 ,
按Ctrl+C取消，而後進到ionic建立的目錄裏面使用 cnpm install 安裝依賴


Ionic 框架自己源碼所須要的依賴下載失敗

提示以下 , 提示要刪除依賴包從新下載依賴
用 cnpm 安裝的 , 但仍是不行 
Downloading binary from https://npm.taobao.org/mirrors/node-sass/v3.13.1/win32-x64-57_binding.node
Cannot download "https://npm.taobao.org/mirrors/node-sass/v3.13.1/win32-x64-57_binding.node":

HTTP error 404 Not Found

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
Building: D:\Program Files\nodejs\node.exe E:\Ionic\ionic\node_modules\_node-gyp@3.6.2@node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [ 'D:\\Program Files\\nodejs\\node.exe',
gyp verb cli   'E:\\Ionic\\ionic\\node_modules\\_node-gyp@3.6.2@node-gyp\\bin\\node-gyp.js',
gyp verb cli   'rebuild',
gyp verb cli   '--verbose',
gyp verb cli   '--libsass_ext=',
gyp verb cli   '--libsass_cflags=',
gyp verb cli   '--libsass_ldflags=',
gyp verb cli   '--libsass_library=' ]
gyp info using node-gyp@3.6.2
gyp info using node@8.9.0 | win32 | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb download using dist-url https://npm.taobao.org/mirrors/node
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb `which` failed Error: not found: python2
gyp verb `which` failed     at getNotFoundError (E:\Ionic\ionic\node_modules\_which@1.3.0@which\which.js:13:12)
gyp verb `which` failed     at F (E:\Ionic\ionic\node_modules\_which@1.3.0@which\which.js:68:19)
gyp verb `which` failed     at E (E:\Ionic\ionic\node_modules\_which@1.3.0@which\which.js:80:29)
gyp verb `which` failed     at E:\Ionic\ionic\node_modules\_which@1.3.0@which\which.js:89:16
gyp verb `which` failed     at E:\Ionic\ionic\node_modules\_isexe@2.0.0@isexe\index.js:42:5
gyp verb `which` failed     at E:\Ionic\ionic\node_modules\_isexe@2.0.0@isexe\windows.js:36:5
gyp verb `which` failed     at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb `which` failed  python2 { Error: not found: python2
gyp verb `which` failed     at getNotFoundError (E:\Ionic\ionic\node_modules\_which@1.3.0@which\which.js:13:12)
gyp verb `which` failed     at F (E:\Ionic\ionic\node_modules\_which@1.3.0@which\which.js:68:19)
gyp verb `which` failed     at E (E:\Ionic\ionic\node_modules\_which@1.3.0@which\which.js:80:29)
gyp verb `which` failed     at E:\Ionic\ionic\node_modules\_which@1.3.0@which\which.js:89:16
gyp verb `which` failed     at E:\Ionic\ionic\node_modules\_isexe@2.0.0@isexe\index.js:42:5
gyp verb `which` failed     at E:\Ionic\ionic\node_modules\_isexe@2.0.0@isexe\windows.js:36:5
gyp verb `which` failed     at FSReqWrap.oncomplete (fs.js:152:21)
gyp verb `which` failed   stack: 'Error: not found: python2\n    at getNotFoundError (E:\\Ionic\\ionic\\node_modules\\_which@1.3.0@which\\which.js:13:12)\n    at F (E:\\Ionic\\ionic\\node_modules\\_which@1.3.0@which\\which.js:68:19)\n    at E (E:\\Ionic\\ionic\\node_modules\\_which@1.3.0@which\\which.js:80:29)\n    at E:\\Ionic\\ionic\\node_modules\\_which@1.3.0@which\\which.js:89:16\n    at E:\\Ionic\\ionic\\node_modules\\_isexe@2.0.0@isexe\\index.js:42:5\n    at E:\\Ionic\\ionic\\node_modules\\_isexe@2.0.0@isexe\\windows.js:36:5\n    at FSReqWrap.oncomplete (fs.js:152:21)',
gyp verb `which` failed   code: 'ENOENT' }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb `which` succeeded python C:\Python27\python.EXE
gyp verb check python version `C:\Python27\python.EXE -c "import platform; print(platform.python_version());"` returned: "2.7.14\r\n"
gyp verb get node dir no --target version specified, falling back to host node version: 8.9.0
gyp verb command install [ '8.9.0' ]
gyp verb download using dist-url https://npm.taobao.org/mirrors/node
gyp verb install input version string "8.9.0"
gyp verb install installing version: 8.9.0
gyp verb install --ensure was passed, so won't reinstall if already installed
gyp verb install version is already installed, need to check "installVersion"
gyp verb got "installVersion" 9
gyp verb needs "installVersion" 9
gyp verb install version is good
gyp verb get node dir target node version installed: 8.9.0
gyp verb build dir attempting to create "build" dir: E:\Ionic\ionic\node_modules\_node-sass@3.13.1@node-sass\build
gyp verb build dir "build" dir needed to be created? E:\Ionic\ionic\node_modules\_node-sass@3.13.1@node-sass\build
gyp verb Not using VS2017: Could not use PowerShell to find VS2017
gyp verb build/config.gypi creating config file
gyp verb build/config.gypi writing out config file: E:\Ionic\ionic\node_modules\_node-sass@3.13.1@node-sass\build\config.gypi
gyp verb config.gypi checking for gypi file: E:\Ionic\ionic\node_modules\_node-sass@3.13.1@node-sass\config.gypi
gyp verb common.gypi checking for gypi file: E:\Ionic\ionic\node_modules\_node-sass@3.13.1@node-sass\common.gypi
gyp verb gyp gyp format was not specified; forcing "msvs"
gyp info spawn C:\Python27\python.EXE
gyp info spawn args [ 'E:\\Ionic\\ionic\\node_modules\\_node-gyp@3.6.2@node-gyp\\gyp\\gyp_main.py',
gyp info spawn args   'binding.gyp',
gyp info spawn args   '-f',
gyp info spawn args   'msvs',
gyp info spawn args   '-G',
gyp info spawn args   'msvs_version=auto',
gyp info spawn args   '-I',
gyp info spawn args   'E:\\Ionic\\ionic\\node_modules\\_node-sass@3.13.1@node-sass\\build\\config.gypi',
gyp info spawn args   '-I',
gyp info spawn args   'E:\\Ionic\\ionic\\node_modules\\_node-gyp@3.6.2@node-gyp\\addon.gypi',
gyp info spawn args   '-I',
gyp info spawn args   'C:\\Users\\pc\\.node-gyp\\8.9.0\\include\\node\\common.gypi',
gyp info spawn args   '-Dlibrary=shared_library',
gyp info spawn args   '-Dvisibility=default',
gyp info spawn args   '-Dnode_root_dir=C:\\Users\\pc\\.node-gyp\\8.9.0',
gyp info spawn args   '-Dnode_gyp_dir=E:\\Ionic\\ionic\\node_modules\\_node-gyp@3.6.2@node-gyp',
gyp info spawn args   '-Dnode_lib_file=C:\\Users\\pc\\.node-gyp\\8.9.0\\<(target_arch)\\node.lib',
gyp info spawn args   '-Dmodule_root_dir=E:\\Ionic\\ionic\\node_modules\\_node-sass@3.13.1@node-sass',
gyp info spawn args   '-Dnode_engine=v8',
gyp info spawn args   '--depth=.',
gyp info spawn args   '--no-parallel',
gyp info spawn args   '--generator-output',
gyp info spawn args   'E:\\Ionic\\ionic\\node_modules\\_node-sass@3.13.1@node-sass\\build',
gyp info spawn args   '-Goutput_dir=.' ]
gyp verb command build []
gyp verb download using dist-url https://npm.taobao.org/mirrors/node
gyp verb build type Release
gyp verb architecture x64
gyp verb node dev dir C:\Users\pc\.node-gyp\8.9.0
gyp verb found first Solution file build/binding.sln
gyp verb could not find "msbuild.exe" in PATH - finding location in registry
gyp info spawn C:\Windows\Microsoft.NET\Framework\v4.0.30319\msbuild.exe
gyp info spawn args [ 'build/binding.sln',
gyp info spawn args   '/nologo',
gyp info spawn args   '/p:Configuration=Release;Platform=x64' ]
在此解決方案中一次生成一個項目。若要啓用並行生成，請添加「/m」開關。
生成啓動時間爲 17-12-6 下午 2:58:01。
MSBUILD : error MSB4132: 沒法識別工具版本「2.0」。可用的工具版本爲 "4.0"。

生成失敗。

  MSBUILD : error MSB4132: 沒法識別工具版本「2.0」。可用的工具版本爲 "4.0"。

    0 個警告
    1 個錯誤

已用時間 00:00:00.10
gyp ERR! build error
gyp ERR! stack Error: `C:\Windows\Microsoft.NET\Framework\v4.0.30319\msbuild.exe` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onExit (E:\Ionic\ionic\node_modules\_node-gyp@3.6.2@node-gyp\lib\build.js:258:23)
gyp ERR! stack     at emitTwo (events.js:126:13)
gyp ERR! stack     at ChildProcess.emit (events.js:214:7)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:198:12)
gyp ERR! System Windows_NT 10.0.16299
gyp ERR! command "D:\\Program Files\\nodejs\\node.exe" "E:\\Ionic\\ionic\\node_modules\\_node-gyp@3.6.2@node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd E:\Ionic\ionic\node_modules\_node-sass@3.13.1@node-sass
gyp ERR! node -v v8.9.0
gyp ERR! node-gyp -v v3.6.2
gyp ERR! not ok
Build failed with error code: 1
× Install fail! Error: post install error, please remove node_modules before retry!
Run "C:\WINDOWS\system32\cmd.exe /d /s /c node scripts/build.js" error, exit code 1
Error: post install error, please remove node_modules before retry!
Run "C:\WINDOWS\system32\cmd.exe /d /s /c node scripts/build.js" error, exit code 1
    at ChildProcess.proc.on.code (C:\Users\pc\AppData\Roaming\npm\node_modules\cnpm\node_modules\runscript\index.js:74:21)
    at emitTwo (events.js:126:13)
    at ChildProcess.emit (events.js:214:7)
    at maybeClose (internal/child_process.js:925:16)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5)
npminstall version: 3.2.1
npminstall args: D:\Program Files\nodejs\node.exe C:\Users\pc\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\bin\install.js --china --userconfig=C:\Users\pc\.cnpmrc --disturl=https://npm.taobao.org/mirrors/node --registry=http://registry.npm.taobao.org











相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程