为什么在 Next.js 中找不到 Moralis 的模块

Question

我目前正在为本地企业开发 dApp，但是moralis 节点模块似乎已经开始出现错误。

我正在使用 Next.js 和 React with Yarn

我运行了纱线添加道德，错误为

因此本地服务器抛出此错误

我尝试卸载软件包并重新安装，删除yarn.lock和package-lock。

我已经尝试了所有其他可用的位置（从“位置”导入 Moralis）。

Answer 1

如果你使用的是 React Moralis，它应该看起来像这样

const { Moralis } = useMoralis()

。现在您正在从错误的路径导入它

Answer 2

在 React 应用程序的根级别初始化 Moralis（例如，在您的 index.js 或 App.js 文件中）。这将确保 Moralis 在您的应用程序启动时仅初始化一次：

// index.js or App.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App'; // Your main application component
import Moralis from 'moralis';

Moralis.start({ apiKey: 'YOUR_API_KEY' });

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);