我尝试在javascript上使用antlr4，然后读取 https://tomassetti.me/antlr-and-the-web/并制作，但发生了错误。
索引.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>
该错误可能会导致"var antlr4 = require('antlr4/index'(;"。 我从 http://www.antlr.org/download/index.html 下载了antlr4并放置了相同级别的"index.html"。在 lib 目录中存在"require.js"。
索引.js
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');
我认为没有问题，因为require路径('antlr4/index'(没有错。 但是发生了错误。请给我一些想法。
您在问题中显示的代码不能与 RequireJS 按原样工作。您必须以不同的方式编写require调用，或者将所有require调用包装在define中，以便使用 RequireJS 提供的 CommonJS 支持。
但是本教程并没有要求您使用 RequireJS。如果您转到本教程的编写者提供的 GitHub 存储库，您将看到：
要求.js是从 https://github.com/letorbi/smoothie/blob/master/standalone/require.js 获得
的
你必须使用那个文件，它不是RequireJS，而是类似于它的东西，因为它也加载脚本，但与RequireJS的不同之处在于它似乎支持CommonJS模块格式，而RequireJS没有。