react导入的插件不支持服务端渲染报错的解决方法
正常的导入方法如下:
import { useEffect, useState, useRef } from 'react';
如果不支持服务端渲染的插件这样导入则会报错(具体的报的什么错我忘了),一般情况下使用require动态导入就好了,但有的时候不支持require的方式导入,这时候就可以用以下方式动态导入:
const [photo, setPhoto] = useState(null); // 页面渲染完成之后再动态导入 useEffect(() => { import('某个不支持服务端渲染的插件').then(res => { setPhoto(res); }) }, [])