window 在使用 materialize css 时在下一个 js 中未定义

Question

我正在使用下一个 js。当我尝试 import M from 'materialize-css'; 我得到 window is undefined.

Answer 1

我添加了一个 useEffect 并添加了这一行：

     if(typeof window !== 'undefined'){
       const M = require('materialize-css');
       ...
     }

而不是 import 语句

Answer 2

您只能在客户端使用 dynamic 导入 materialize-css。

import dynamic from 'next/dynamic';
const M = dynamic(() => import('materialize-css'), {
    ssr: false,
});

window is undefined in next js when using materialize css