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

我正在使用适用于Microsoft Visual Studio 2013 CTP3.0的Apache Cordova的Visual Studio工具。

我使用“离子login模板”创build了一个新的解决scheme。

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

当VS为本地模拟器构build解决scheme时,我在javascript控制台中得到以下输出:

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

为什么VS可能无法加载本地模拟器的ionic.bundle.jsionic.css资源,而不是Ripple?

PS。 了解更多信息:

答)我已经在我的Samsung Galaxy S3上设置了PhoneGap开发人员应用程序。 我尝试导航到cmd解决scheme的“bld \ Debug”文件夹中,运行“phonegap build android”和“phonegap serve”,应用程序在手机上正常运行。

B)我也尝试过使用在线的PhoneGap构build服务,并在Galaxy手机上下载了生成的.apk文件,在这种情况下,应用程序的运行方式与模拟器相同,即ionic.bundle.js和ionic.css失败加载。

Related of "在Visual Studio 2013中使用Visual Studio Tools for Apache Cordova构buildAndroid模拟器时无法加载资源"

尝试删除开始的href,src斜杠

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

它帮助了我。

你有没有解决? 我遇到了同样的问题,并设法通过在index.html中的'script'标签之后移动base href =“/”/'来解决。 我知道这是几个月后,但要分享,以防其他人遇到这种情况。

我有同样的问题,我能够解决这个示例中的不同脚本: https : //code.msdn.microsoft.com/windowsapps/Ionic-SideMenu-Starter-8e905eb5

将离子文件夹复制到你的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> 

这对我有帮助。