2

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

我收到以下错误：

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

（我正在使用杜兰达尔）

我有以下应用程序结构：

  • lib/require/require.js
  • www/app/viewmodels/shell.js
  • www/app/views/shell.html
  • www/app/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 加载模块和视图的任何想法？

4

3 回答 3

6

看看这对你有没有帮助http://mikaelkoskinen.net/durandal-phonegap-windows-phone-8-tutorial/

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

于 2013-10-22T13:55:49.853 回答
0

我也只是为自己解决了这个问题，我最终做的是deviceloaded在加载我的main.js.

Cordova将补丁应用于 XMLHttpRequestdeviceloaded ，该补丁在触发时已应用。

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

<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 启动我的应用程序。不过，我还无法进一步研究。

于 2013-10-28T12:36:35.603 回答
0

我建议为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;
    }
于 2013-11-05T19:07:25.190 回答