Angular5 中未定义 CodeMirror 导航器答案

【问题标题】：CodeMirror navigator not defined in Angular5Angular5 中未定义 CodeMirror 导航器
【发布时间】：2018-12-03 17:37:46
【问题描述】：

当我运行我的 angular5 应用程序时，它构建得很好。但是当我运行node dist/server.js 时，出现以下错误。

angular\node_modules\codemirror\lib\codemirror.js:18
var userAgent = navigator.userAgent;
            ^

ReferenceError: navigator is not defined
    at C:\Users\Lenovoz510\angular\kp\kpro-angular\node_modules\codemirror\lib\codemirror.js:18:17
    at userAgent (C:\Users\Lenovoz510\angular\kp\kpro-angular\node_modules\codemirror\lib\codemirror.js:11:82)
    at Object.<anonymous> (C:\Users\Lenovoz510\angular\kp\kpro-angular\node_modules\codemirror\lib\codemirror.js:14:2)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)

有人可以帮我解决吗？

【问题讨论】：

欢迎来到stackoverflow。请包含您的代码或您的代码的简约且可重复的示例。否则你将很难在这里找到答案。参考查看本网站的how to ask
好的。请帮我解决一下。
阅读参考手册并相应地编辑您的问题，您可能会很幸运！但是由于您在最初几个小时内没有调整问题，因此即使您对其进行了编辑，您也可能需要等待更长的时间才能收到答案。
感谢您的回复。我也遇到了类似的问题，我把它贴在这里：stackoverflow.com/q/69430941/7584240如果你有机会可以看看并提供一些解决方案。

标签： angular codemirror navigator

【解决方案1】：

我从您的问题了解到您已经安装了CodeMirror。它是一个 JavaScript 库，专为在浏览器中使用而设计，不适用于 Node.js。

幸运的是，它有一个 Node.js 兼容的格式，codemirror-node。见here，

安装：

npm i codemirror-node

用法：

var codemirror = require('codemirror');
var code = 'alert(1);';
var lang = 'javascript';

codemirror(code, lang);

【讨论】：

感谢您的回复。我也遇到了类似的问题，我把它贴在这里了：stackoverflow.com/q/69430941/7584240如果你有机会可以看看并提供一些解决方案。