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













posted on 2017-12-06 15:04  xiaoCong2015  阅读(746)  评论(0)    收藏  举报

导航