簡體   English   中英

如何解決 Next.Js 中的內部服務器錯誤?

[英]How to solve Internal Server Error in Next.Js?

我剛剛使用npx create-next-app創建了下一個應用程序。 然后我通過yarn add sass 我沒有做任何其他事情,只是輸入yarn dev ...然后繁榮。 在我的終端和瀏覽器(本地主機)中顯示了大量錯誤,它說

內部服務器錯誤

我的終端現在看起來像這樣

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

注意:我嘗試卸載 sass yarn remove sass ,但同樣的問題仍然存在。

謝謝你。

該錯誤與 Next.js 本身無關,看起來您在終端中使用的路徑與文件系統中的實際路徑不匹配。

在您的終端中:

D:\Web development\Booksbia Website\Booksbia-next\booksbia
       ^

實際路徑:

D:\Web Development\BooksBia Website\Booksbia-next\booksbia
       ^

確保終端中的路徑與實際路徑中的大小寫匹配。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM