在 VS2013 / multi-device-hybrid-apps 下运行时出现离子错误答案

【问题标题】：Ionic error when run under VS2013 / multi-device-hybrid-apps在 VS2013 / multi-device-hybrid-apps 下运行时出现离子错误
【发布时间】：2014-06-26 14:45:41
【问题描述】：

我在使用 Ionic 和 VS2013 的这个新的多设备混合应用功能时遇到了问题。

当我使用 Ripple（Visual Studio 中的 F5）启动我的应用程序时，我看到了错误：

Keyboard.hideKeyboardAccessoryBar

We seem to be missing some stuff :(

一点上下文...

我使用命令行中的ionic start myApp blank 创建了 Ionic 应用程序，它将 index.html 以及其他文件放入 www 子文件夹 - config.xml 文件放置在 www 的父级中。然后我创建了一个新的 vs 项目，使用 js codova 模板。 sln 和 jsproj 文件位于 myApp 文件夹中。我添加了保持 Ionic 文件夹结构的文件。

我注意到从命令行运行涟漪并从 www 路径启动它不会显示错误。

cd .../myApp
ripple emulate --path www

但确实如此

cd .../myApp
ripple emulate --path .

任何关于在 Visual Studio 中设置项目但保持 ionic 文件夹结构的建议都会有所帮助。谢谢。

【问题讨论】：

标签： ionic-framework ripple visual-studio-cordova

【解决方案1】：

多设备混合应用目前不支持您尝试使用的项目结构。

作为一种解决方法，您可以将内容移出 /www 并移至 VS 项目的根目录中。在构建时，文件将被放回幕后的 /www 中，一切都应该按预期工作。

【讨论】：

感谢您对项目结构的洞察 - 您说文件将在构建时放回，这是怎么发生的？这是自动的还是我需要实现特殊的构建规则？
在构建时，VS 会自动为您执行此操作，因此不需要额外的构建规则。
右键单击它 - 有一个子文件夹 Bld\Debug 具有正确的结构。
如果有一篇文章解释 Bld 文件夹以及构建应用程序时会发生什么，那就太好了。什么被复制到哪里...
你能解决这个问题吗？由于多设备混合 cordova 的东西没有任何样式 - ionic 似乎是一个不错的插件，可以让外观和感觉更像是一个“真正的”手机应用程序。

【解决方案2】：

自 2015 年 3 月起 Visual Studio Tools for Cordova 不支持 www 文件夹，为了在 VS IDE 和 Ionic 命令行工具中支持相同的项目，您可以 * 使用 ionic start 生成项目... * 在根文件夹中添加一个 index.html，其中包含类似

<body>
<script>
  window.location.href="www/index.html";
</script>
</body>

这样，Visual Studio 将使用根文件夹中的 index.html 启动 Ripple 模拟器，然后重定向到 Ionic www 文件夹中的内容。

通常的 ionic cli 命令，例如 ionic serve、ionic upload 等。

【讨论】：

您好，谢谢您的回答 - 我最终决定不使用多设备混合应用项目，而是创建了一个 VS 解决方案并将 www 文件夹添加为网站。所以我只使用 VisualStudio 作为文本编辑器。要运行该应用程序，我有一个批处理脚本，它调用ionic serve 以及其他一些设置内容。这很好用，因为我没有绑定到 VS 并且因为 serve 命令自动刷新浏览器的方式。
是的，如果 MDHA 行为不端，这可能会更容易