如何解决 Next.Js 中的内部服务器错误？
[英]How to solve Internal Server Error in Next.Js?
问题描述
I just created a next app using npx create-next-app .
我刚刚使用npx create-next-app创建了下一个应用程序。 Then I installed sass by yarn add sass .然后我通过yarn add sass 。 I didn't do anything else, just type yarn dev ...then boom.我没有做任何其他事情，只是输入yarn dev ...然后繁荣。 A ton of error showing in my terminal and in the browser(localhost) it says在我的终端和浏览器（本地主机）中显示了大量错误，它说
Internal Server Error
My terminal now looks like this我的终端现在看起来像这样
PS D:\Web development\Booksbia Website\Booksbia-next\booksbia> npm run dev
> booksbia@0.1.0 dev D:\Web development\Booksbia Website\Booksbia-next\booksbia
> next dev
ready - started server on 0.0.0.0:3000, url: http://localhost:3000
warn - D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/@babel/runtime/helpers/interopRequireDefault.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@babel\runtime\helpers\interopRequireDefault.js
Used by 4 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\client\router.js
* D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\@babel\runtime\helpers\interopRequireDefault.js
Used by 10 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\client\next-dev.js
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/@babel/runtime/helpers/interopRequireWildcard.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@babel\runtime\helpers\interopRequireWildcard.js
Used by 1 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\client\router.js
* D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\@babel\runtime\helpers\interopRequireWildcard.js
Used by 6 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\client\next-dev.js
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/@babel/runtime/helpers/typeof.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@babel\runtime\helpers\typeof.js
Used by 2 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@babel\runtime\helpers\possibleConstructorReturn.js
* D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\@babel\runtime\helpers\typeof.js
Used by 1 module(s), i. e.
D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\@babel\runtime\helpers\interopRequireWildcard.js
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/next/dist/client/normalize-trailing-slash.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\client\normalize-trailing-slash.js
Used by 1 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\router\router.js
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\client\normalize-trailing-slash.js
Used by 2 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\router\router.js
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/next/dist/client/request-idle-callback.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\client\request-idle-callback.js
Used by 1 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\client\route-loader.js
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\client\request-idle-callback.js
Used by 1 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\client\route-loader.js
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/next/dist/client/route-loader.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\client\route-loader.js
Used by 1 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\router\router.js
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\client\route-loader.js
Used by 2 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\router\router.js
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/next/dist/client/router.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\client\router.js
Used by 3 module(s), i. e.
multi next-client-pages-loader?page=%2F_app&absolutePagePath=private-next-pages%2F_app.js! D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\client\router.js
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\client\router.js
Used by 2 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\client\index.js
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/next/dist/client/with-router.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\client\with-router.js
Used by 1 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\client\router.js
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\client\with-router.js
Used by 1 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\client\router.js
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/next/dist/next-server/lib/head-manager-context.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\head-manager-context.js
Used by 1 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\head.js
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\head-manager-context.js
Used by 1 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\client\index.js
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/next/dist/next-server/lib/i18n/normalize-locale-path.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\i18n\normalize-locale-path.js
Used by 1 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\router\router.js
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\i18n\normalize-locale-path.js
Used by 2 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\router\router.js
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/next/dist/next-server/lib/mitt.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\mitt.js
Used by 1 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\router\router.js
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\mitt.js
Used by 2 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\client\index.js
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/next/dist/next-server/lib/router-context.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\router-context.js
Used by 1 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\client\router.js
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\router-context.js
Used by 2 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\client\index.js
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/next/dist/next-server/lib/router/router.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\router\router.js
Used by 1 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\client\router.js
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\router\router.js
Used by 4 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\client\index.js
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/next/dist/next-server/lib/router/utils/format-url.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\router\utils\format-url.js
Used by 1 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\utils.js
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/next/dist/next-server/lib/utils.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/react-is/cjs/react-is.development.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\react-is\cjs\react-is.development.js
Used by 1 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\react-is\index.js
* D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\react-is\cjs\react-is.development.js
Used by 1 module(s), i. e.
D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\react-is\index.js
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/react-is/index.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\react-is\index.js
Used by 1 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\next-server\lib\router\router.js
* D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\react-is\index.js
Used by 2 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\client\index.js
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/react/cjs/react.development.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\react\cjs\react.development.js
Used by 1 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\react\index.js
* D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\react\cjs\react.development.js
Used by 1 module(s), i. e.
D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\react\index.js
D:/Web Development/BooksBia Website/Booksbia-next/booksbia/node_modules/react/index.js
There are multiple modules with names that only differ in casing.
This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:
* D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\react\index.js
Used by 9 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\client\router.js
* D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\react\index.js
Used by 26 module(s), i. e.
D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\@next\react-refresh-utils\loader.js!D:\Web Development\BooksBia Website\Booksbia-next\booksbia\node_modules\next\dist\build\webpack\loaders\next-babel-loader.js??ref--4-1!D:\Web development\Booksbia Website\Booksbia-next\booksbia\node_modules\next\dist\client\index.js
info - ready on http://localhost:3000
note: I tried uninstalling sass yarn remove sass , But the same problem remains.注意：我尝试卸载 sass yarn remove sass ，但同样的问题仍然存在。
Thank you.谢谢你。
1 个解决方案
解决方案1
4 已采纳 2021-02-10 19:03:21
The error isn't related to Next.js itself, it looks like there's a mismatch with the path you're using in the terminal and the actual path within the file system.该错误与 Next.js 本身无关，看起来您在终端中使用的路径与文件系统中的实际路径不匹配。
In your terminal:在您的终端中：
D:\Web development\Booksbia Website\Booksbia-next\booksbia
^
Actual path:实际路径：
D:\Web Development\BooksBia Website\Booksbia-next\booksbia
^
Make sure your path in the terminal matches the casing in the actual path.确保终端中的路径与实际路径中的大小写匹配。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
Next.js 500 Internal Server Error 在 404 页面内调用 useEffect Hook 后立即出现错误 - Next.js 500 Internal Server Error right after calling useEffect Hook inside 404 Page
next.js 应用程序在本地运行良好，但在生产中返回 500 内部服务器错误 - next.js app works fine in local but returns 500 internal server error on production
内部 Next.js API 调用返回 500 错误 - Internal Next.js API call returns 500 Error
如何解决使用 next.js 导入 css 文件时出错？ - How do I solve Error importing a css file with next.js?
"如何解决 next.js api 部分中的“ENOENT”错误？" - How can I solve 'ENOENT' error in next.js api section?
Next.JS：如何处理 getInitialProps 中的错误？ - Next.JS: How to handle error in getInitialProps?
使用 getServerSideProps 获取内部 API？ （下一个.js） - Internal API fetch with getServerSideProps? (Next.js)
Node js - 如何解决500（内部服务器） - Node js - How to solve 500 (Internal Server)
服务器错误 ReferenceError: window is not defined in Next.js - Server Error ReferenceError: window is not defined in Next.js
Next.js 和 csrf 令牌返回服务器端错误 - Next.js and csrf token returns server side error
相关标签