NextJS-未定义窗口

next.js React.js

Green小小古一

2020-03-23

我正在尝试将Typewriter Effect导入到我的NextJS项目中,但是每当执行此操作时,都会出现此错误,内容如下:

ReferenceError:窗口未定义

从我所读的内容中,将显示错误,因为它试图在服务器端而不是客户端上加载库。

所以当我简单地尝试像这样导入它时:

import Typewriter from 'typewriter-effect'

错误会立即显示。

人们建议我尝试这样的事情:

let Typewriter
if (typeof window !== 'undefined') {
  Typewriter = require( 'typewriter-effect' )
}

但是,它也不是这样。我收到一条读取以下内容的错误:

元素类型无效:期望使用字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。

我已经在很多地方搜索了可能解决该问题的方法,但是我的尝试一直没有成功。

第2775篇《NextJS-未定义窗口》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android