使用 Materialize css 时，窗口在下一个 js 中未定义

Question

我正在使用

Next.js

，当我尝试使用时

import M from 'materialize-css';

我收到此错误：

窗口未定义

Answer 1

您只能使用

dynamic

在客户端导入materialize-css。

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

Answer 2

我添加了一个

useEffect

并添加了这一行：

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

而不是

import

声明