Requirejs r、 js构建了我的模块,但我无法获得在浏览器中运行的结果
我有一个带有以下目录结构的小requirejs项目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<
├── 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。有什么想法吗?