无法解析模块“ipfs-http-client”中的react app

Question

我在我的React应用程序中遇到了ipfs-http-client的麻烦。

我用的是node 16.14.0

​

​

错误信息是：

​

当我在‘ipfs’上使用Ctrl + Click时，它仍然把我推向模块文件。

我尝试过的解决方案，但没有奏效：

• 重新启动应用程序
• 重新安装模块

我尝试过使用33.x版本，它运行得很好，但是我想使用ipfs-http-client的最新版本(57.0.3)

请帮帮我。非常感谢!

Answer 1

编辑它现在工作了.

但我不得不做很多事情..。这个问题似乎与webpack 4有关，它是由reason使用的，但由于某种原因与IPFS软件包不兼容。不知道为什么..。

首先，我将节点和NPM升级为最新版本的。

我不得不用升级react-脚本to react@5.0.1和npm uninstall react-scripts和npm install react-scripts@5.0.1。

然后，我不得不使用这个神奇的多填充教程：https://github.com/facebook/create-react-app/issues/11756#issuecomment-1001162736安装一些软件包：https://github.com/facebook/create-react-app/issues/11756#issuecomment-1001162736

然后我得到了一些webpack PolyErrors，我用这个NPM包解决了：https://www.npmjs.com/package/node-polyfill-webpack-plugin

我还收到了关于未能从源映射加载器加载source的错误，该错误将使用新的React脚本中包含的WebPack5来实现。您可以使用以下方法来修复这个问题：Failed to parse source map

现在是IT工作的。

这似乎是一次肮脏的黑客攻击，但这正是我们需要的。

这些是我的包裹：

NPM: 8.19.2 NODE: v18.10.0

@libp2p/logger@2.0.1
├── @metamask/providers@9.1.0
├── @testing-library/jest-dom@5.16.5
├── @testing-library/react@13.4.0
├── @testing-library/user-event@13.5.0
├── https-browserify@1.0.0
├── i@0.3.7
├── ipfs-http-client@58.0.1
├── ipfs@0.64.2
├── node-polyfill-webpack-plugin@2.0.1
├── npm@8.19.2
├── os-browserify@0.3.0
├── os@0.1.2
├── react-app-rewired@2.2.1
├── react-datepicker@4.8.0
├── react-dom@18.2.0
├── react-router-dom@6.4.1
├── react-scripts@5.0.1
├── react-unity-webgl@9.2.1
├── react@18.2.0
├── recoil@0.7.5
├── stream-browserify@3.0.0
├── stream-http@3.2.0
├── validator@13.7.0
├── walletlink@2.5.0
├── web-vitals@2.1.4
├── web3@1.8.0
└── web3modal@1.9.9

/Edit

我在Windows 10和11上也有同样的问题，但是对于我使用Mac的同事来说，这个问题很好。我还尝试将node_modules路径添加到Windows中的path环境变量中，但它似乎还不起作用。也许我得重新开始..。让我们看看，我也尝试过使用Linux安装它，但是它在那里也不起作用。当使用完整路径直接导入模块时，它可以工作，但它无法从IPFS存储库中找到其他包。