typescript React-markdown无法正常工作-模块“process”已外部化以实现浏览器兼容性,无法访问客户端代码中的“process.cwd

bqf10yzr  于 2022-12-05  发布在  TypeScript
关注(0)|答案(1)|浏览(625)

我正在使用库react-markdown,因为它可以轻松地处理markdown文件和内容。但是现在我遇到了一个意外的错误,我真的不知道如何解决它。
我将插入下面的代码以查看是否可以获得任何帮助

课程Md.tsx

import React from "react";
import ReactMarkdown from "react-markdown";

const LessonMd: React.FC = () => {
  return (<div><ReactMarkdown>{`#Test one ##not working`}</ReactMarkdown></div>);
};

export default LessonMd;

应用程序tsx

function App(): JSX.Element {

    return (
        <div className="App">
            <LessonMd/>
            <TextEditor/>
        </div>
    )
}

export default App

错误消息

browser-external:process:9 Uncaught Error: Module "process" has been externalized for browser compatibility. Cannot access "process.cwd" in client code.
    at Object.get (browser-external:process:9:13)
    at new VFile (index.js:119:21)
    at ReactMarkdown (react-markdown.js:97:16)
    at renderWithHooks (react-dom.development.js:16305:18)
    at mountIndeterminateComponent (react-dom.development.js:20074:13)
    at beginWork (react-dom.development.js:21587:16)
    at HTMLUnknownElement.callCallback2 (react-dom.development.js:4164:14)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:16)
    at invokeGuardedCallback (react-dom.development.js:4277:31)
    at beginWork$1 (react-dom.development.js:27451:7)
4urapxun

4urapxun1#

如果你正在使用一个bundler像vite,尝试使用类似webpack的东西,这可能会解决它。

相关问题