我开发了一个Ionic 2应用程序,我找不到在连接到我的PC的 Windows Phone 10设备上运行它的方法.我该如何让它运行？

谢谢

你试过 this：

To build apps for Windows Universal,download and install Visual
Studio 2015 Community Edition. During the installation,Select “Tools
for Cross Platform Development” as well as the SDK for Windows
Universal Apps.

With everything installed,you’ll be able to add a windows platform
from the command line with this command:

ionic platform add windows

By default the build command produces two packages: Windows 8.1 and
Windows Phone 8.1,which Ionic does not support. To upgrade Windows
package to version 10 the following configuration setting must be
added to configuration file (config.xml).

<preference name="windows-target-version" value="10.0" />

在我一直寻求以某种方式从传统的MVC网站路由到一个逐页的Angular 2 SPA我最终得出的结论是,最好立即使用Angular 2路由,即没有查询参数转换为有效的Angular 2路由,因为事实证明这是一场彻头彻尾的噩梦.

在我的遗留Web应用程序中,计划是通过重定向到AppController上的相应操作来替换控制器操作代码,例如,

public ActionResult Action1(int param1,int param2)
{
    return RedirectTo("Action1","App",new { param1,param2 });
}

AppController位于自己的区域(Areas.Web)中,该区域还包含Angular 2应用程序

public class AppController : Controller
{
    public ActionResult Index()
    {
        return new FilePathResult("~/Areas/Web/index.html","text/html");
    }

    public ActionResult Action1(int param1,int param2)
    {
        return Redirect($"/Areas/Web#/{param1}/{param2}/action1");
    }
}

在index.html中,我将基本href设置为

<base href="/Areas/Web/">

所以我的想法是让ASP.NET MVC抓住index.html并将其发送到浏览器,包括应该评估的哈希位置

/<param1>/<param2>/action1

在Angular方面,对吧？

在我的bootstrap代码中,我确保使用了HashLocationStrategy,

bootstrap(AppComponent,[provide(LocationStrategy,{ useClass: HashLocationStrategy })])
    .then(success => console.log('Bootstrap success'))
    .catch(error => console.log(error));

app.component.ts的路由如下：

@RouteConfig([
    { path: '/:param1/:param2/action1,name: 'Action1',component: Action1Component}
])

我认为这个设置应该正确地路由到Action1Component,但事实并非如此.路由配置完全被忽略,从不调用Action1的构造函数.

我哪里出错了？

编辑：Angular应用程序运行后实际工作的是

http://legacy.com/Areas/Web/<param1>/<param2>/action1

没有# – 但按F5显然会打破这个策略.因此,不仅包含散列符号的URL是无效路由,而且没有散列标记的URL完全有效.我糊涂了….

好的,得到了​​这个,这要归功于 this answer.诀窍是,除了引导应用程序之外,永远不要提供ROUTER_PROVIDERS：

import { bootstrap } from 'angular2/platform/browser';
import { provide } from 'angular2/core';
import { HTTP_PROVIDERS } from 'angular2/http';
import { 
  ROUTER_PROVIDERS,LocationStrategy,HashLocationStrategy
} from 'angular2/router';
import { AppComponent } from './app.component';

bootstrap(AppComponent,[ 
    ROUTER_PROVIDERS,HTTP_PROVIDERS,provide(LocationStrategy,{ useClass: HashLocationStrategy }
)])
.then(success => console.log('Bootstrap success'))
.catch(error => console.log(error));

我的猜测是,与注入组件的任何其他服务一样,如果在组件装饰器的providers部分中声明ROUTER_PROVIDERS,则会获得一个新的Router实例,从而覆盖为HashLocationStrategy配置的实例,并且作为PathLocationStrategy是默认情况下,你就是这样.

iOS指南要求所有应用的启动图像.据我所知,这是一个位于应用程序根文件夹中的“default.png”文件.
我使用Sencha CMD v3打包我的应用程序,加载时我没有看到任何启动图像.
在root / webapp / resources / loading /文件夹中有一些默认的启动映像,但它们没有显示在我的应用程序中.任何的想法？

“startupImage”似乎只适用于添加到主屏幕的应用程序,无论如何,这里是我的app.js的一部分：

startupImage: {
    '320x460': 'resources/startup/320x460.jpg','640x920': 'resources/startup/640x920.png','768x1004': 'resources/startup/768x1004.png','748x1024': 'resources/startup/748x1024.png','1536x2008': 'resources/startup/1536x2008.png','1496x2048': 'resources/startup/1496x2048.png'
}

新增相关帖子：

> [2.1] Splash screen is white on startup on Android and iOS

我在我的应用程序开头就有这个 – 我不是为iOS打包它,但这看起来像你可能需要的：

Ext.require([    
    'Ext.XTemplate','Ext.Panel','Ext.Button','Ext.List'
]);

// Main application entry point
Ext.application({
    phonestartupScreen: 'images/sencha_logo.png',name: 'Analytics',// setup our MVC items

这是一个方便的api文档链接：

http://docs.sencha.com/touch/2-0/#!/api/Ext.app.Application-cfg-phoneStartupScreen

我想在我的项目中使用 ipcMain/ ipcRenderer来从角度到电子和后面的沟通.

电子方面很清楚：

const
  electron = require('electron'),ipcMain = electron.ipcMain,;

ipcMain.on('asynchronous-message',function(event,arg) {
  console.debug('ipc.async',arg);
  event.sender.send('asynchronous-reply','async-pong');
});

ipcMain.on('synchronous-message',arg) {
  console.debug('ipc.sync',arg);
  event.returnValue = 'sync-pong';
});

但我不知道如何将该电子模块整合到我的Angular 2应用程序中.我使用SystemJS作为模块加载器,但我是一个菜鸟.

任何帮助赞赏.谢谢.

—马里奥

There is conflict,because Electron use commonjs module resolving,but your code already compiled with systemjs rules.

两个解决方案

坚固的方式.注册对象需要返回：

<script>
    System.set('electron',System.newModule(require('electron')));
</script>

这是最好的,因为renderer / init.js脚本在启动时加载该模块. SystemJS必须只占用它,而不是加载.

替代方式.用声明使用脏话.

获取index.html中的电子实例：

<script>
    var electron = require('electron');
</script>

在你的类型文件文件中以这种方式声明它：

declare var electron: any;

自由使用)

electron.ipcRenderer.send(...)

我是新来的Angular 2,我知道主持人Angular 1.x在共享托管像GoDaddy,但我不知道如何发布Angular 2应用程序,例如我有这个结构文件夹：

angular2-quickstart

--app
  app.component.ts
  main.ts

--node_modules

--typings

index.html
package.json
styles.css
systemjs.config.js
tsconfig.json
typings.json

我需要在ftp上传什么文件？

我没有尝试任何东西,因为我不知道如何进行
提前致谢！

如果您没有后端,免费的托管网站通常会找到一个index.html来开始他们的工作.因此,您的文件夹结构是正确的,但您需要上传js文件而不是ts文件.