未捕获的引用错误:摩纳哥未定义

问题描述 投票:0回答:1

我正在尝试运行 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>
javascript monaco-editor
1个回答
0
投票

您需要添加编辑器样式表的链接。像这样的东西

<link
            rel="stylesheet"
            data-name="vs/editor/editor.main"
            href="../node_modules/monaco-editor/min/vs/editor/editor.main.css"
        />

参见示例 浏览器脚本编辑器

© www.soinside.com 2019 - 2024. All rights reserved.