WP8上的Cordova：requirejs无法解析视图

Question

我有一个使用requirejs加载其模块的Web应用程序。 该Web应用程序在任何桌面浏览器中都可以正常工作，并且与Cordova打包时也可以在iOS和Android上运行。 但是，在构建Windows Phone 8 Cordova应用程序时不起作用。

我收到以下错误：

“找不到视图：通过路径“ text！views / shell.html”搜索“ views / shell”

（我正在使用Durandal）

我具有以下应用程序结构：

• LIB /要求/ require.js
• WWW /应用程序/的ViewModels / shell.js
• WWW /应用/视图/ shell.html
• WWW /应用程序/ main.js
• www / index.html（包含行：）
• ：

www / app / main.js包含以下代码：

requirejs.config({
    //baseUrl: 'x-wmapp0:www/app',
    baseUrl: 'app',
    enforceDefine: true,
    paths: {
        'text': '../lib/require/text',
        'durandal':'../lib/durandal/js',
        'plugins' : '../lib/durandal/js/plugins',
        'transitions' : '../lib/durandal/js/transitions',
        'knockout': '../lib/knockout/knockout-2.3.0',
        'bootstrap': '../lib/bootstrap3/js/bootstrap',
        'jquery': '../lib/jquery/jquery-1.9.1',
        'modules' : 'modules'
    },
    shim: {
        'bootstrap': {
            deps: ['jquery'],
            exports: 'jQuery'
       }
    }
});

define(['durandal/system', 'durandal/app', 'durandal/viewLocator', 'bootstrap'],  function (system, app, viewLocator, bootstrap) {
    //>>excludeStart("build", true);
    system.debug(true);
    //>>excludeEnd("build");

    app.title = 'MyApp';

    app.configurePlugins({
        router: true,
        dialog: true,
        widget: true
    });

    app.start().then(function() {
        //Replace 'viewmodels' in the moduleId with 'views' to locate the view.
        //Look for partial views in a 'views' folder in the root.
        viewLocator.useConvention('viewmodels', 'views', 'views');

        //Show the app by setting the root view model for our application with a transition.
        app.setRoot('viewmodels/shell', 'entrance', 'applicationHost');
    });
});

该代码可在除WP8之外的所有设备上完美运行。 我尝试了baseUrl行：'x-wmapp0：www / app'来设置WP8 Cordova内部使用的实际路径，但这不起作用。 是不是因为它不是以“ /”或http开头的路径？

关于如何配置requirejs以便能够使用requirejs加载模块和视图的任何想法？

Answer 1

看看这是否对您有帮助http://mikaelkoskinen.net/durandal-phonegap-windows-phone-8-tutorial/

此外，自2013年10月18日起，Phonegap Build已添加了对WP8的beta支持。 添加“ winphone：”作为gap：platform，并确保您正在使用phonegap 3.0。我们目前没有运气，但也许您可以使用它。

Answer 2

我也自己解决了这个问题，最终要做的是在加载main.js之前等待deviceloaded事件。

科尔多瓦适用补丁的XMLHttpRequest时已应用于deviceloaded已被触发。

在我的应用程序中，它最终看起来类似于：

<script src="js/require.js"></script>
<script>
document.addEventListener('deviceloaded', function() {
  var script = document.createElement('script');
  script.src = 'js/main.js';
  document.body.appendChild(script);
}, false);
</script>

希望对您也有帮助！

另一件事，我在我的应用程序中注意到，如果尝试加载weinre ，则无法使用require.js完全启动我的应用程序。 我还无法对此进行进一步的研究。

Answer 3

我建议为cordovalib / XHRHelper.cs HandleCommand方法设置一个断点，然后看看发生了什么。 另外，以下版本的HandleCommand可能会更适合您

    public bool HandleCommand(string commandStr)
    {
        if (commandStr.IndexOf("XHRLOCAL") == 0)
        {
            string url = commandStr.Replace("XHRLOCAL/", "");

            Uri uri = new Uri(url, UriKind.RelativeOrAbsolute);

            try
            {

                using (IsolatedStorageFile isoFile = IsolatedStorageFile.GetUserStoreForApplication())
                {
                    if (isoFile.FileExists(uri.AbsolutePath))
                    {
                        using (
                            TextReader reader =
                                new StreamReader(isoFile.OpenFile(uri.AbsolutePath, FileMode.Open, FileAccess.Read))
                            )
                        {
                            string text = reader.ReadToEnd();
                            Browser.InvokeScript("__onXHRLocalCallback", new string[] { "200", text });
                            return true;
                        }
                    }
                }

                url = uri.AbsolutePath;
            }
            catch { }

            var resource = Application.GetResourceStream(new Uri(url, UriKind.Relative)) ??
                // for relative paths and app resources we need to add www folder manually
                // there are many related issues on stackoverflow + some prev worked sample don't because of this
                Application.GetResourceStream(new Uri("www/" + url, UriKind.Relative));

            if (resource == null)
            {
                // 404 ? 
                Browser.InvokeScript("__onXHRLocalCallback", new string[] { "404" });
                return true;
            }
            else
            {
                using (StreamReader streamReader = new StreamReader(resource.Stream))
                {
                    string text = streamReader.ReadToEnd();
                    Browser.InvokeScript("__onXHRLocalCallback", new string[] { "200", text });
                    return true;
                }
            }
        }

        return false;
    }