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

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无法为本地仿真器加载ionic.bundle.js和ionic.css资源而不为Ripple 加载？

PS.有关详细信息:

A)我已在Samsung 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

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

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

<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>

这对我有帮助。