如何解決執行新建立的 Next.js 應用程式時出現的警告？

Question

我使用 npx create-next-app ./ 建立了一個新的 next.js 應用程式 ./ 我沒有觸及任何程式碼，甚至沒有在編輯器中打開它。

使用 npm run dev 執行此應用程式時，我收到這些非常長的警告。

$ npm run dev

> test@0.1.0 dev
> next dev

- ready started server on 0.0.0.0:3000, url: http://localhost:3000
- event compiled client and server successfully in 1605 ms (20 modules)
- wait compiling...
- event compiled client and server successfully in 593 ms (20 modules)
- wait compiling /page (client and server)...
- warn ./node_modules/next/dist/client/add-base-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:
* javascript/auto|C:\Users\Admin\Desktop\Desktop\WD\NEXTjs\test\test\node_modules\next\dist\compiled\@next\react-refresh-utils\dist\loader.js!C:\Users\Admin\Desktop\Desktop\WD\NEXTjs\test\test\node_modules\next\dist\build\webpack\loaders\next-flight-client-module-loader.js!C:\Users\Admin\Desktop\Desktop\WD\NEXTjs\test\test\node_modules\next\dist\build\webpack\loaders\next-swc-loader.js??ruleSet[1].rules[6].oneOf[4].use[2]!C:\Users\Admin\Desktop\Desktop\WD\NEXTjs\test\test\node_modules\next\dist\client\add-base-path.js|app-client
    Used by 3 module(s), i. e.
    javascript/auto|C:\Users\Admin\Desktop\Desktop\WD\NEXTjs\test\test\node_modules\next\dist\compiled\@next\react-refresh-utils\dist\loader.js!C:\Users\Admin\Desktop\Desktop\WD\NEXTjs\test\test\node_modules\next\dist\build\.................

頁面已載入。

Answer 1

我認為您只需要刪除 ./ 然後運行命令。

npx create-next-app@latest

#之後，當指令詢問項目名稱時，只需寫入 . 並按 Enter。

Answer 2

我發現了問題。 Next.js 不喜歡將應用程式放在 Desktop/desktop/... 資料夾中，因此它會拋出錯誤。我剛剛更改了資料夾名稱並且它起作用了。