Visual studio Cordova Windows 10 UWP应用程序中的黑屏

我正在使用Cordova构建一个包含Ext.js web应用程序的UWP Windows 10应用程序

我可以使用Cordova与

Cordova build windows

和Sencha的系统

Sencha app build native

成功构建应用程序。这将在

cordova\platforms\windows\AppPackages

中输出一个文件夹，其中包含一个

.appx

文件，我可以在信任生成的密钥后安装该文件

问题 安装完成后，如果选中“完成后运行”复选框，应用程序将加载，我将看到我们的登录屏幕如果我按右上角的X关闭应用程序，然后从“开始”菜单重新打开应用程序，我看到的只是一个黑屏（实际颜色为#1d1f20）。如果我卸载并重新安装该应用程序，它将再次工作，但只能工作一次。任何随后的关闭和重新打开都会导致黑屏

如果我取消选中“完成后运行”复选框，然后手动打开应用程序，我也会看到黑屏

当显示黑屏时，如果我按F12打开开发者工具，然后按Ctrl和R重新加载，我会看到登录屏幕。没有控制台错误

如果我在web浏览器中从

cordova\platforms\windows\www

打开index.html文件，我会看到登录屏幕

我尝试将config添加到与初始屏幕相关的config.xml中，但这无助于解决问题

只是重申一下，该应用程序只工作一次（如果立即启动），但随后所有的启动都只显示一个黑屏，除非我打开开发者工具并手动重新加载

在VisualStudio中 如果我在VisualStudio中打开解决方案并在本地计算机上“运行”，它就会工作，我会看到登录屏幕

如果我转到Build>deploysolution，它会在我的系统上安装应用程序并运行它，它就会工作

这实际上会使应用程序正常工作，即使是在随后的发布中

如果我进入项目>商店>创建应用程序包并创建应用程序包，我会遇到同样的黑屏问题（旁注，这会创建一个.appxbundle文件而不是.appx文件）

我的系统详细信息：

• Windows 10 x64版本1709操作系统版本16299.192
• 节点：6.10.3
• 净现值：5.6.0
• 科尔多瓦：8.0.0
• Visual Studio:Community 2017 15.5.3
• JavaScript UWP项目系统：2.0
• 用于通用Windows应用程序的Visual Studio工具：15.0.27130.2020
• Ext.js 6.5.1

Cordova配置文件

美食家
响应deviceready事件的Apache Cordova应用程序示例。
我和丹尼尔·特维格一起解决了这个问题

问题出在SenchaExtJS微加载程序（bootstrap.JS）中。出于某种原因，将文件动态加载到microloader完成的页面在Windows中存在问题-我有一个“bootstrap.js”文件的修改版本来解决问题-如果需要，请与我联系-或者我可以在这里发布

马克。gusmano@sencha.com
来自Sencha的Marc通过提供更新的microloader帮助我解决了这个问题。下面的要点显示了代码

它使用不同的方式加载文件


另一种解决方案是通过修改app.json完全禁用microloader：

"production": {
    "output": {
        "microloader": {
            "enable": false
         }
     }
}

我无法在我这边重现您的问题，您是否已测试在其他设备上安装该软件包？是的，我们已在其他Windows 10设备上测试了可安装的.appx文件，并且存在相同的问题。实际上，它也发生在一个空白的Ext.js应用程序中。可能是因为我使用的是VS2017吗？你能分享一个简单的例子吗？下面是Ext.js 6.5.3应用程序。实际的Windows UWP.appx文件位于cordova/platforms/Windows/AppPackages中。可以使用cordova目录中的
sencha app build native
或
cordova build windows
再次构建它。从平台文件夹中打开cordova生成的本机WP解决方案，尝试构建它并在物理设备上调试它，然后在visual studio的调试中查看附加的内容。。
"production": {
    "output": {
        "microloader": {
            "enable": false
         }
     }
}