在 React 应用程序中导入'vscode-languageserver'时出错

Question

我正在尝试使用monaco-editor和vscode-languageserver创建一个游乐场，以显示我的语言服务器的功能。

然而，当我尝试从如下示例的页面导入"vscode languageserver"时

//# src/pages/test.js 
const { TextDocument } =  require("vscode-languageserver"); 
console.log(TextDocument.create('a' , 'b' , 'c' , 'd' )); 

https://github.com/zkrami/docusaurus-test/blob/master/src/pages/test.js

我得到以下错误：

Module not found: Can't resolve 'child_process' in 'C:UsersRamigitmy-websitenode_modulesvscode-languageserverlib'./node_modules/vscode-languageserver/lib/files.js
Module not found: Can't resolve 'fs' in 'C:UsersRamigitmy-websitenode_modulesvscode-languageserverlib'./node_modules/vscode-jsonrpc/lib/pipeSupport.js

请注意，如果我在docusaurus.config.js文件中导入该模块，它将完美工作。

我举了一个简单的例子，你可以试试：https://github.com/zkrami/docusaurus-test/

规格：

yarn 1.22.4 
node v10.15.3
OS: Windows
@docusaurus/core: "^2.0.0-alpha.54"

Answer 1

我最终使用了满足我需求的vscode-languageserver-protocol包。

Answer 2

fs是一个Node模块，需要Node运行时，您不能在浏览器中使用它。

这不是Docusaurus的问题，您将无法在任何客户端React应用程序中使用它。