Javascript 未捕获错误:模块名称";antlr4/index";尚未为require.js上的上下文加载

Javascript 未捕获错误:模块名称";antlr4/index";尚未为require.js上的上下文加载,javascript,requirejs,antlr4,Javascript,Requirejs,Antlr4,我尝试在javascript上使用antlr4,然后读取并生成,但出现了错误 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="lib/require.js"></scrip

我尝试在javascript上使用antlr4,然后读取并生成,但出现了错误

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="lib/require.js"></script>
    <script type="text/javascript">
        var antlr4 = require('antlr4/index');
        var QueryLexer = require('gram/queryLexer');
        var QueryParser = require('gram/queryParser');
        document.getElementById("parse").addEventListener("click", function() {
            var input = document.getElementById("code").value;
            var chars = new antlr4.InputStream(input);
            var lexer = new QueryLexer.queryLexer(chars);
            var tokens = new antlr4.CommonTokenStream(lexer);
            var parser = new QueryParser.queryParser(tokens);
            parser.buildParseTrees = true;
            var tree = parser.query();
            console.log("Parsed: "+ tree);
        });
    </script>
</head>
<body>
<div id="inputs">
<textarea id="code">
* play with antlr4
* write a tutorial
</textarea>
    <br/>
    <button id="parse">Parse</button>
</div>
</body>
</html>
我认为没有问题,因为require路径('antlr4/index')没有错。
但出现了错误。请告诉我一些想法。

您在问题中显示的代码不能像RequireJS那样工作。您必须以不同的方式编写
require
调用,或者将所有
require
调用包装在
define
中,以便使用RequireJS提供的

但是本教程并没有要求您使用RequireJS。如果转到教程作者提供的,您将看到:

Require.js是从


您必须使用该文件,它不是RequireJS,但在加载脚本的意义上与它类似,但与RequireJS不同的是,它似乎支持现有的CommonJS模块格式,而RequireJS不支持这种格式。

您在问题中显示的代码无法使用RequireJS。您必须以不同的方式编写
require
调用,或者将所有
require
调用包装在
define
中,以便使用RequireJS提供的

但是本教程并没有要求您使用RequireJS。如果转到教程作者提供的,您将看到:

Require.js是从

您必须使用该文件,它不是RequireJS,但在加载脚本的意义上与它类似,但与RequireJS不同的是,它似乎支持现有的CommonJS模块格式,而RequireJS不支持这种格式。

谢谢:)我重写require.js like,然后它做得很好。谢谢:)我重写require.jslike,然后它做得很好。
exports.atn = require('./atn/index');
exports.codepointat = require('./polyfills/codepointat');
exports.dfa = require('./dfa/index');
exports.fromcodepoint = require('./polyfills/fromcodepoint');
exports.tree = require('./tree/index');
exports.error = require('./error/index');
exports.Token = require('./Token').Token;
exports.CharStreams = require('./CharStreams').CharStreams;
exports.CommonToken = require('./Token').CommonToken;
exports.InputStream = require('./InputStream').InputStream;
exports.FileStream = require('./FileStream').FileStream;
exports.CommonTokenStream = require('./CommonTokenStream').CommonTokenStream;
exports.Lexer = require('./Lexer').Lexer;
exports.Parser = require('./Parser').Parser;
var pc = require('./PredictionContext');
exports.PredictionContextCache = pc.PredictionContextCache;
exports.ParserRuleContext = require('./ParserRuleContext').ParserRuleContext;
exports.Interval = require('./IntervalSet').Interval;
exports.Utils = require('./Utils');