错误消息：Web3 + create-react-app + webpack 5

Question

我正在为 Dapp 编写前端。我有脚本 /src/config/index.js

import Web3 from 'web3';

const getLibrary = (provider) => {

    return new Web3(provider);
};

export { getLibrary };

以及我尝试导入 getLibrary 的 /src/index.js:

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import { HashRouter } from 'react-router-dom';
import { ChakraProvider } from '@chakra-ui/react';
import { Web3ReactProvider } from '@web3-react/core';
import { getLibrary } from './config/web3';

ReactDOM.render(
  <React.StrictMode>
    <HashRouter>
      <ChakraProvider>
        <Web3ReactProvider getLibrary={getLibrary}>
          <App />
        </Web3ReactProvider>
      </ChakraProvider>
    </HashRouter>
  </React.StrictMode>,
  document.getElementById('root')
);

但是，我有错误

导致错误的行是：

import { getLibrary } from './config/web3';

我使用 create-react-app 来构建项目。我已经尝试了几个想法，但没有一个对我有用...有什么帮助吗？

Answer 1

我在将 web3 与 react 和 webpack 5 一起使用时遇到了同样的问题。 This帮我解决了。我遵循了选项 #1，因为我无法让其他选项起作用（我的主要困惑是将 webpack.config.js 保存在哪里，因为我将它保存在根目录并且没有被拾取）。

错误消息：Web3 + create-react-app + webpack 5

Error message with: Web3 + create-react-app + webpack 5

webpack

create-react-app

web3