javascript - R.js(require.js) 导致 ReferenceError : define is not defined

Question

这个问题已经有答案了:

Require.js not compiling single js file correctly (2 个回答)

已关闭 7 年前。

我通过 r.js -o build.js 创建了 require.js 项目

但是，它在控制台上给了我异常(exception)

define('hbs/underscore',[],function() {

这是生成的app.min.js

https://gist.github.com/poc7667/ecf36474b68799ebb29d

有办法解决这个问题吗？我使用选项 wrap: true是为了避免与其他脚本冲突，这会给我通用的 mismatch异常

HTML

      <script type="text/javascript" src="js/app.min.js" ></script>

build.js

{
    name: "app.main.js",
    mainConfigFile: 'app.main.js',
    out: "./app.min.js",
    optimize: 'none',
    wrap: true,
    include: [ 'app.main' ],
    insertRequire: ["app.main"],
}

app.main.js

requirejs.config({
    paths: {
        jquery: './vendor/js/jquery-2.1.1.min',
        underscore: './vendor/js/underscore-min',
        backbone: './vendor/js/backbone-min',
        json2: './vendor/js/hbs/hbs/json2',
        hbs: './vendor/js/hbs/hbs',
        handlebars: './vendor/js/handlebars-v4.0.5',
        text: './vendor/js/text',
    },
    hbs: { // optional
        helpers: true,            // default: true
        templateExtension: 'hbs', // default: 'hbs'
        partialsUrl: ''           // default: ''
    },

    shim: {
        handlebars: {
            exports: 'Handlebars'
        },
        backbone: {
            deps: [
                'underscore',
                'jquery'
            ],
            exports: 'Backbone'
        },
        underscore: {
            exports: '_'
        },
        'jquery': {
            'exports' : '$'
        }
    },

});

require(["require", "app"],function(Req, App ){
    $("#sample_app_comments_plugin").hide();
    $('head').append('<link rel="stylesheet" href='+cfg.css_style_link+' type="text/css" />');
    return App.initialize();


});

hbs.js

    define(['hbs/handlebars', 'hbs/underscore', 'hbs/json2'], function (Handlebars, _, JSON) {
      function precompile(string, _unused, options) {
        var ast, environment;
    ....

Answer 1

您的页面上可能没有 requirejs。

您可以使用 almondjs，这将允许它只包含您的 app.js 文件。 https://github.com/requirejs/almond