Requirejs r、 js构建了我的模块,但我无法获得在浏览器中运行的结果

Requirejs r、 js构建了我的模块,但我无法获得在浏览器中运行的结果,requirejs,amd,r.js,Requirejs,Amd,R.js,我有一个带有以下目录结构的小requirejs项目 ├── index.html └── js ├── bob.js ├── build.js ├── jquery.js ├── main-built.js ├── main.js └── require.js index.html <!DOCTYPE html> <html> <head> <title>A Title<

我有一个带有以下目录结构的小requirejs项目

├── index.html
└── js
    ├── bob.js
    ├── build.js
    ├── jquery.js
    ├── main-built.js
    ├── main.js
    └── require.js
index.html

<!DOCTYPE html>
<html>
    <head>
        <title>A Title</title>
        <script data-main="js/main-built.js" src="js/require.js"></script>
    </head>
    <body>
        <h1>Hello!</h1>
    </body>
</html>
js/build.js

({
    name: 'main',
    baseUrl: '.',
    out: 'main-built.js'
})
js/main.js

define(function () {
    return 'bob';
});
define(function (require) {
    var $ = require('jquery'),
        bob = require('bob');

    $(function () {
        $(':header').text(bob);
    });
});
我像这样运行r.js:

./r.js -o js/build.js

它成功构建,但代码不会在浏览器中执行。我做错了什么?

要真正运行这个该死的东西,你必须
在顶层要求
主模块

将此脚本添加到index.html的某个位置可以解决此问题

<script>require(['main'])</script>
require(['main']))

我遇到了同样的问题。我试图要求主模块,但浏览器试图从baseUrl请求main.js。有什么想法吗?