Replit中React项目如何使用已安装的@chalkbooks/react-doc-viewer包？

你安装的包是@chalkbooks/react-doc-viewer，但导入语句写的是react-doc-viewer，包名不匹配导致项目无法找到依赖，按以下步骤调整即可：

• 修改导入语句，使用完整的带命名空间的包名：

  import DocViewer from "@chalkbooks/react-doc-viewer";
  

• 导入完成后，可参考基础用法调用组件（替换成你的文档地址）：

  function App() {
    const docs = [
      { uri: "你的文档URL地址" }
    ];
  
    return (
      <div>
        <DocViewer documents={docs} />
      </div>
    );
  }
  
  export default App;
  

• 保存代码后，Replit会自动重新构建项目，组件即可正常加载。

若仍有问题，可在Replit终端重新执行安装命令确认依赖：

npm install @chalkbooks/react-doc-viewer@^1.15.0

内容的提问来源于stack exchange，提问作者user3424029