在 Visual Studio 2013 中使用 Visual Studio Tools for Apache Cordova 构建 Android 模拟器时无法加载资源

Question

我正在使用 Visual Studio Tools for Apache Cordova for Microsoft Visual Studio 2013 CTP3.0。

我使用“离子登录模板”创建了一个新的解决方案。

当我在“Ripple - Nexus Galaxy”在线服务 Android 模拟器中运行该应用程序时，该应用程序运行良好，但在本地 Android 开发人员工具“Android Emulator”中却没有。

当 VS 为本地模拟器构建解决方案时，我在 javascript 控制台中得到以下输出：

• 加载资源失败
  文件：ionic.bundle.js，行：0，列：0
• 加载资源失败
  文件：ionic.css，行：0，列：0
• 无效的 CSS 属性名称：animation-timing-function
  文件：ionicons.min.css，行：6，列：1
• 未捕获的 ReferenceError：未定义角度
  文件：app.js，行：8，列：0
• 当前窗口：file:///android_asset/www/index.html

为什么 VS 无法为本地模拟器而不是 Ripple 加载 ionic.bundle.js 和 ionic.css 资源？

附言。了解更多信息：

A) 我已经在我的三星 Galaxy S3 上设置了 PhoneGap 开发者应用程序。 我尝试在 cmd 中导航到解决方案的“bld\Debug”文件夹并运行“phonegap build android”和“phonegap serve”，应用程序在手机上正常运行。

B）我还尝试使用在线 PhoneGap 构建服务并在 Galaxy 手机上下载生成的 .apk，在这种情况下，应用程序以与模拟器相同的方式运行不正确，即 ionic.bundle.js 和 ionic.css 失败加载。

Answer 1

尝试删除起始 href、src 斜线

<link href="lib/ionic.css" rel="stylesheet">
<script src="lib/ionic.bundle.js"></script>

它帮助了我。

Answer 2

你解决了吗？我刚刚遇到了同样的问题，并通过在我的 index.html 中的 'script' 标记之后移动 'base href="/" /' 来解决。我知道这是几个月后的事了，但想分享一下，以防其他人遇到这种情况。

Answer 3

我有同样的问题，我可以用这个示例中的不同脚本进行修复：https://code.msdn.microsoft.com/windowsapps/Ionic-SideMenu-Starter-8e905eb5

将 ionic 文件夹复制到您的库中，然后更改您的

<link href="/lib/ionic.css" rel="stylesheet">
<script src="/lib/ionic.bundle.js"></script>

到

<link href="lib/ionic/css/ionic.min.css" rel="stylesheet">
<script src="lib/ionic/js/ionic.bundle.min.js"></script>

这对我有帮助。