So I am trying to integrate knockout.mapping.js with require.js. I tried to run this example.
Sorry, I keep getting this error:
GET http: // [url] /Scripts/app/contractor/ko.js 404 (not found)
Error on crash: Script error for: ko
I installed the 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 does not matter at this point, because the mapping does not load properly. What am I doing wrong here?