Я пытаюсь настроить проект js для учебных целей. Мне нужно запустить приложение Backbone.
Index. html, выглядит просто и понятно:
<!DOCTYPE html>
<html>
<head>
<base href="/" />
<title>RequireJS - Test drive</title>
<!-- data-main attribute tells require.js to load scripts/main.js after
require.js loads. -->
<script data-main="js/main" src="js/vendor/require.js"></script>
</head>
<body>
<h1>RequireJS - Test drive</h1>
</body>
</html>
В настоящее время у меня есть этот конфиг в моем main. js: (который точка входа в индекс. html для требуется js)
require.config({
paths: {
underscore: 'vendor/underscore-1.9.1.min',
jquery: 'vendor/jquery-3.4.1.min',
backbone: 'vendor/backbone-1.4.0.min',
app: 'app/app',
userModel: 'app/models/user.model',
userListView: 'app/views/user-list.view',
userSingleView: 'app/views/user-single.view',
},
bundles: {
'models': ['userModel']
},
shim: {
'backbone': {
deps: ['underscore', 'jquery'],
exports: 'Backbone'
},
'underscore': {
exports: '_'
}
},
});
// Start the app
define(['app'], (App) => {
return App.initialize();
});
В приложении. js, с которого я пытаюсь запустить приложение, у меня есть следующее:
define(['backbone'], (Backbone) => {
const initialize = () => {
console.log('App initialized.', Backbone);
const data = {title: 'title'};
const view = 0; // new View here....
};
return {
initialize: initialize
}
});
Теперь, если я удалю магистраль как зависимость, я смогу увидеть сообщение console.log в браузере. Если я оставлю это там, то консоль выдаст эту ошибку:
require.js:5 GET http://127.0.0.1:8080/js/js/vendor/jquery-3.4.1.min.js net::ERR_ABORTED 404 (Not
Found)
require.js:5 Uncaught Error: Script error for "js/vendor/jquery-3.4.1.min", needed by: backbone
https://requirejs.org/docs/errors.html#scripterror
at makeError (require.js:5)
at HTMLScriptElement.onScriptError (require.js:5)
Осматривая вкладку сети, я вижу, что зависимость jQuery вышла из строя, и по какой-то причине дополнительно / js был добавлен к пути, что приводит к ошибке 404 для jQuery, но только когда я пытаюсь использовать Backbone в приложении. js файл.
Путь выглядит следующим образом, с дополнительным / js добавлено:
http://127.0.0.1:8080/js/js/vendor/jquery-3.4.1.min.js
Чего мне не хватает в конфигурации / настройке приложения?
Спасибо!