Question

我在我的网站上设置codmirror.js时遇到问题。

我尝试过以正常的方式设置库：

<script src="lib/codemirror.js"></script>
<link rel="stylesheet" href="../lib/codemirror.css">
<script src="mode/javascript/javascript.js"></script>

但是我在控制台中收到以下错误：

Error: Mismatched anonymous define() module: function ()

我在主js文件中包含了requirejs的以下配置：

require([    "/codemirror-4.5/lib/codemirror.js", "/codemirror-4.5/mode/htmlmixed/htmlmixed.js"
    ], function (CodeMirror) {
        CodeMirror.fromTextArea(document.getElementById("code"), {
            lineNumbers: true,
            mode: "html"
        });
    });

但是现在我收到以下错误：

获取//localhost:54911/codemirror-4.5/mode/css/css 404（未找到） require.js：1896 Uncaught Error: Script error http://requirejs.org/docs/errors.html#scripterror require.js:194 GET http://localhost:54911/codemirror-4.5/mode/javascript/javascript 404 (Not Found) require.js:1896 Uncaught Error: Script error http://requirejs.org/docs/errors.html#scripterror require.js:194 GET http://localhost:54911/codemirror-4.5/mode/xml/xml 404 (Not Found) require.js:1896 Uncaught Error: Script error http://requirejs.org/docs/errors.html#scripterror require.js:194 generate acc contentCntrl.js:148 GET http://localhost:54911/codemirror-4.5/lib/codemirror 404 (Not Found) require.js:1896 Uncaught Error: Script error http://requirejs.org/docs/errors.html#scripterror

我不明白为什么它试图在本地加载这些依赖项，甚至是在它们被引用的地方。

非常感谢任何帮助理解这个问题。

Answer 1

从其他CodeMirror文件加载依赖项 - 具体来说，htmlmixed模式需要XML，JavaScript和CSS模式。

不要手动编辑这些文件以更改路径。相反，保持CodeMirror目录结构不变，以便用于指定依赖关系的相对路径实际上有效。

使用require.js设置codemirror.js

1 个答案: