1

我正在为所有 Script# Dependency 加载而苦苦挣扎。

我有一个引用淘汰赛库的 Script# 项目。一段时间后,我开始使用 RequireJS。

现在我想使用符合类似的 KnockoutJS 映射

var model = ko.mapping.fromJS(data, {}, new ViewModel());

然而 ko.mapping 是未定义的。

如果我手动(仅用于测试)更改已编译的 .js 文件以包含如下映射:

define('MyApp',
    ['ss', 'jquery', 'knockout', knockout.mapping],
    function (ss, $, ko, mapping) { /*...*/ }
);

'mapping' 被定义,但不是'ko.mapping',这是编译器引用它的方式。

有任何想法吗?

这是我的配置:

requirejs.config({
    paths: {
        'jquery': 'jquery-1.9.1',
        'jqueryValidation': 'jquery.validate',
        'knockout': 'knockout-2.2.0',
        'knockout.mapping': 'knockout.mapping-latest.debug',
        'modernizr': 'modernizr-2.6.2'
    },
    shim: {
        'jqueryValidation': ['jquery'],
        'jquery.validate.unobtrusive': ['jquery', 'jqueryValidation'],
        'jquery.unobtrusive-ajax': ['jquery'],
        'knockout.mapping': ['knockout']
    }
});
4

2 回答 2

3

听起来 Script# 假设koko.mapping在全局命名空间中,而不是作为 AMD 加载。但是,Knockout 和 Knockout.mapping 被编码为当它们检测到 AMD/RequireJS 时,它们不使用全局命名空间。

解决此问题的几个选项:

1 - 在调用 require.config 后立即注入它(基于下面的评论),而不是等待某些东西实际请求敲除或敲除.mapping

requirejs.config({
    // same as original
});

require(["knockout", "knockout.mapping"], function (ko, m) {       
    ko.mapping = m; 
})

2 - 创建您自己的包装模块以将其注入全局。像这样的东西:

define('knockout.inject', ['knockout'], function(k)
{
  window.ko = k; // make a ko global
  return k; // but also return what a normal AMD require expects
});

define('knockout.mapping.inject', ['knockout.mapping'], function(m)
{
  window.ko.mapping = m; // make a ko.mapping global
  return m; // but also return what a normal AMD require expects
});

然后,您可以进行 RequireJS 映射配置,以便每当您请求 'knockout' 或 'knockout.mapping' 时,它们都会透明地重新映射到您的上述包装器。

requirejs.config({
    paths: { // same as original },
    shim: { // same as original },
    map: {
      '*': {
        'knockout': 'knockout.inject',
        'knockout.mapping': 'knockout.mapping.inject'
      },
      // prevent cycles
      'knockout.inject': {'knockout': 'knockout'},
      'knockout.mapping.inject': {'knockout.mapping': 'knockout.mapping'}
    }
});
于 2013-07-10T22:29:24.800 回答
0

此示例 ( https://github.com/nikhilk/scriptsharp/tree/cc/samples/KOWorld ) 显示使用 script# + knockout 以及 requirejs 作为 AMD 加载程序。

请务必查看 AssemblyInfo.js 中的脚本模板以完成所有这些工作。

希望这会有所帮助和工作。

于 2013-07-14T00:05:10.973 回答