ionic——build windows(10)版

image.png

准备工作:
1、ionic3环境下新建的ionic1项目:
ionic start test323 tabs --type=ionic1
2、安装visual studio;
image.png

cordova官方安装步骤:https://cordova.apache.org/docs/en/6.x/guide/platforms/win8/index.html
visual studio installer:https://www.visualstudio.com/zh-hans/downloads/?rr=https%3A%2F%2Fforum.ionicframework.com%2Ft%2Fbuilding-windows-10-app%2F92416%2F9
image.png

sdk等工具:


image.png

image.png

image.png

image.png

好了,现在开始:
注意:以下几个错误可能需要重新添加平台。
进入项目目录,添加windows平台:
ionic cordova platform add windows
ionic cordova run windows

可能会报几个错误:
1、

[ERROR] An error occurred while running cordova build windows (exit code 1):
MSBuild v4.0 is not supported, aborting.
Error: AppPackages doesn’t exists.

添加环境变量:
VSINSTALLDIR = C:\Program Files (x86)\Microsoft Visual Studio\2017\Community\

config.xml中添加:

<preference name=“windows-target-version” value=“10.0”/>
<preference name=“windows-phone-target-version” value=“10.0” />

可能需要重新添加平台。
具体参见:https://forum.ionicframework.com/t/building-windows-10-app/92416/9
2、“C:/ionic/test323/platforms/windows/www/lib/ionic/scss/tsconfig.json”中的 "files" 列表为空。
*临时解决办法:
C:\ionic\test323\www\lib\ionic\scss目录下找到tsconfig.json,在同级目录下添加一个‘1.ts’,打开tsconfig.json改为:

{
    "version": "1.5.0-alpha",
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "declaration": false,
        "noImplicitAny": false,
        "removeComments": true,
        "noLib": false,
        "preserveConstEnums": true,
        "suppressImplicitAnyIndexErrors": true
    },
    "filesGlob": [
        "./**/*.ts",
        "!./node_modules/**/*.ts"
    ],
    "files": ["1.ts"]
}

有意可查看该链接,考虑具体解决办法:
https://github.com/TypeStrong/ts-loader/issues/405
3、
C:\Program Files (x86)\Microsoft Visual Studio\2017\Community\MSBuild\Microsoft\VisualStudio\v15.0\TypeScript\Microsoft.TypeScript.Uap.targets(79,5): error MSB3073: ���"*Undefined*\CommonExtensions\Microsoft\TypeScript\WinRt2ts.exe" @"build\windows\bld\winrtrefs\winrt2ts.rsp"�����˳�������Ϊ 3�� [C:\ionic\test323\platforms\windows\CordovaApp.Windows10.jsproj] Error: C:\Program Files (x86)\Microsoft Visual Studio\2017\Community\MSBuild\15.0\Bin\msbuild.exe: Command failed with exit code 1
项目建好了,ionic cordova run windows没问题,然后使用visual studio调试:

image.png

然后再次要执行ionic cordova run windows时,就报上面的错误。
原因不明,重新添加平台后ionic cordova run windows不报错。
投机解决办法,保留第一次添加平台执行ionic cordova run windows后,目录app\platforms\windowsCordovaApp.Windows10.jsproj文件,报错时,把这个文件替换了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 我们非常荣幸地宣布 Visual Studio 2017 现已推出! 此次发布提供新的轻量模块式安装体验,可根据自...
    三梦哥阅读 7,938评论 0 6
  • 性能改进 改进性能是此版本的一个重点所在。 除对提高内存和响应作出一些优化外,整个 JavaScript/Type...
    三梦哥阅读 3,897评论 0 3
  • Awesome DotNet,这又是一个 Awesome XXX 系列的资源整理,由 quozd 发起和维护。内容...
    小明yz阅读 4,072评论 0 47
  • 一个一个的人物在当时被司马迁记录下的所发生的各种事情。如:在周本纪,周幽王烽火戏诸侯;在齐太公世家,齐桓公称...
    王奕衡阅读 338评论 0 0
  • 我把最珍爱的高跟羊皮鞋送人了 我觉得她精致的小脚会穿的很好 我经常观察她对这双鞋的态度 很想纠正她的三观和搭配 我...
    南雁1阅读 161评论 0 0

友情链接更多精彩内容