我正在尝试运行 Monaco Editor 但出现错误。
Uncaught ReferenceError: monaco is not defined
。
我正在运行本地 Web 服务器,我可以看到 loader.js 正在 Firefox 开发者工具中加载。另外,当我在 Firefox 控制台中输入 monaco 时,它说它未定义。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="node_modules/monaco-editor/min/vs/loader.js"></script>
</head>
<body>
<div id="container" style="height: 100%"></div>
<script>
monaco.editor.create(document.getElementById('container'), {
value: "function hello() {\n\talert('Hello world!');\n}",
language: 'javascript'
});
</script>
</body>
</html>
您需要添加编辑器样式表的链接。像这样的东西
<link
rel="stylesheet"
data-name="vs/editor/editor.main"
href="../node_modules/monaco-editor/min/vs/editor/editor.main.css"
/>
参见示例 浏览器脚本编辑器。