我正在尝试设置一个必要的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中有这个配置：（这是requirejs在index.html中的入口点）
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();
});在我尝试初始化应用程序的app.js中，我有以下内容：
define(['backbone'], (Backbone) => {
const initialize = () => {
console.log('App initialized.', Backbone);
const data = {title: 'title'};
const view = 0; // new View here....
};
return {
initialize: initialize
}
});现在，如果我删除了backbone作为依赖项，我可以在浏览器中看到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，这导致jQuery出现404错误，但只有当我尝试在app.js文件上使用Backbone时才会出现。
路径如下所示，并添加了额外的/js：
http://127.0.0.1:8080/js/js/vendor/jquery-3.4.1.min.js我在应用程序的配置/设置中缺少了什么？
1条答案
按热度按时间vuktfyat1#
我认为您应该在配置中设置
baseUrl