TypeError: Cannot destructure property 'components' of 'object null' as it is null.

纯纯的初学者一枚，用next.js写网页。

在原有的代码基础上，加上Navbar.js，写入到index.js中：import Navbar from '../components/Navbar'。

运行出来报错：
TypeError: Cannot destructure property 'components' of 'object null' as it is null.
at DevServer.renderToResponseWithComponents (C:\Users\简炜珊\Desktop\gclx-official\gclx-official\node_modules\next\dist\server\base-server.js:693:90)
at DevServer.renderErrorToResponse (C:\Users\简炜珊\Desktop\gclx-official\gclx-official\node_modules\next\dist\server\base-server.js:1173:35)
at async DevServer.pipe (C:\Users\简炜珊\Desktop\gclx-official\gclx-official\node_modules\next\dist\server\base-server.js:616:25)
at async Object.fn (C:\Users\简炜珊\Desktop\gclx-official\gclx-official\node_modules\next\dist\server\base-server.js:485:21)
at async Router.execute (C:\Users\简炜珊\Desktop\gclx-official\gclx-official\node_modules\next\dist\server\router.js:243:32)
at async DevServer.run (C:\Users\简炜珊\Desktop\gclx-official\gclx-official\node_modules\next\dist\server\base-server.js:594:29)
at async DevServer.run (C:\Users\简炜珊\Desktop\gclx-official\gclx-official\node_modules\next\dist\server\dev\next-dev-server.js:444:20)
at async DevServer.handleRequest (C:\Users\简炜珊\Desktop\gclx-official\gclx-official\node_modules\next\dist\server\base-server.js:299:20)

这个是什么意思呢，怎样修正？

有可能是因为webpack的版本原因