knockout.mapping & Require.js bug

孤街浪徒 提交于 2019-12-11 01:28:49

问题


So I am trying to integrate knockout.mapping.js with require.js. I have tried following this example.

Unfortunately, I keep on getting this error:

GET http://[url]/Scripts/app/contractor/ko.js 404 (Not Found)
Uncaught Error: Script error for: ko

I have set up following files:

app.index.js

requirejs.config({
    "baseUrl": "../Scripts/app/contractor",
    "paths": {
        "app.index": "app.index",
        "knockout": "//cdnjs.cloudflare.com/ajax/libs/knockout/2.2.1/knockout-min",
        "mapping": "//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.3.5/knockout.mapping",
        "knockout.bindings": "../../lib/knockout.bindings",
        "fu": "../../lib/jquery.fineuploader-3.8.0",
        "s2": "../../lib/select2",
        "jquery": "//code.jquery.com/jquery-latest.min",
        "jqueryui": "//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min",
        "moment": "../../lib/moment.min",
        "toastr": "../../lib/toastr"
    },
    "shim": {
        'mapping': {
            deps: ['knockout'],
            exports: 'mapping'
        }
    }
});

// Load the main app module to start the app
require(['knockout', 'mapping', "main.index"], function (ko, mapping, bs) {
    ko.mapping = mapping;
    alert('ko: ' + ko + ', mapping: ' + ko.mapping);
    bs.run();
});

main.index.js

    define(['knockout',
            'mapping',
            'indexViewModel'],
       function (ko, mapping, indexViewModel) {
           var
               run = function () {

                   var vm = new indexViewModel();


                   ko.applyBindings(vm, document.getElementById('#contractor-home-view'));
               };
           return {
               run: run
           };
       });

main.index.js is irrelevant at this point because the mapping is not loading properly. What am I doing wrong here?


回答1:


Try making this in your .config

"shim": {
        'knockout': {
          exports: 'ko'
        },
        'mapping': {
          deps: ['knockout'],
          exports: 'mapping'
        }
    }


来源:https://stackoverflow.com/questions/18925717/knockout-mapping-require-js-bug

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!