我使用next.js和电子模板，
我想在pages/index.tsx中导入ipcRenderer
关键代码：

...
import { ipcRenderer } from 'electron';

function Home() {

  useEffect(() => {
    ipcRenderer.on("getMember-reply", (event, data) => {
      console.log(data); 
    });
    return () => {                     
      ipcRenderer.removeAllListeners("getMember-reply");
    };
  }, [])

  const handleClick = () => {
    if (typeof window === 'undefined') {
      ipcRenderer.send("getMember", {});     
    }else {
      return
    }
  }

  return (
   <>
    <h1>home</h1>
    <Button onClick={handleClick}> Click Me</Button>
   </>

  );
};

export default Home;

字符串
当我运行npm run dev时，我得到如下问题：

../node_modules/electron/index.js:1:0
Module not found: Can't resolve 'fs'

https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
./pages/home/index.tsx

型
x1c 0d1x的数据

示例

我的演示代码：https://codesandbox.io/s/t97jc3