Highlight.js \“找不到语言 \'undefined\'，您是否忘记加载/包含语言模块？\”答案

【问题标题】：Highlight.js "Could not find the language 'undefined', did you forget to load/include a language module?"Highlight.js \“找不到语言 \'undefined\'，您是否忘记加载/包含语言模块？\”
【发布时间】：2023-01-27 13:23:48
【问题描述】：

我在 React 中将 highlight.js 用于 Froala 编辑器代码块。但是我遇到了错误。我使用了 registerLanguage 函数，但没有用。

浏览器错误：

这是我的代码：

import FroalaEditor from 'react-froala-wysiwyg';
import hljs from 'highlight.js';
import javascript from 'highlight.js/lib/languages/javascript';
import 'highlight.js/styles/androidstudio.css';

hljs.registerLanguage('javascript', javascript)


export default function Editor({ handleEditor, data }: EditorType) {
  return (
    <div className="unreset">
      <FroalaEditor
        tag="textarea"
        onModelChange={handleEditor}
        model={data}
        config={{
          placeholderText: '',
          events: {
            //editor event
            contentChanged: function () {
              //.fr-element is editor wrapper tag
              document
                .querySelectorAll('.fr-element pre')
                .forEach((el: any) => {
                  // WARN: Falling back to no-highlight mode for this block. 
                  hljs.highlightElement(el);
                });
            },
          },
        
        }}
      />
    </div>
  );
}

为什么不起作用？谢谢。

【问题讨论】：

你有没有解决这个问题？

标签： javascript reactjs syntax-highlighting froala highlight.js

【解决方案1】：

我有同样的问题，但我不知道如何解决

【讨论】：