Nextjs 的第一步是一團糟

Question

運行“npx create-next-app@latest --experimental-app”后，我下載了所有文件並准備好一切，開始編寫應用程序。 問題是，當我運行“npm run dev”時，我遇到了一些模塊的編譯錯誤，特別是來自谷歌字體的模塊。

“錯誤 - node_modules/@next/font/google/index.js (15:6) @eval 錯誤 - 錯誤：@next/font/google 運行失敗或配置不正確。如果你剛剛安裝了@next/font ，請嘗試重新啟動next dev並重新保存您的文件。”

我是這個框架的新手，如果我沒有觸及任何東西，我應該在本地主機上運行應用程序時看到 8814752423588 屏幕，對嗎？

關於為什么會發生這種情況的任何想法？ 提前致謝

我會在這里離開我的 package.json

"version": "0.1.0",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "incompilable",
      "version": "0.1.0",
      "dependencies": {
        "@next/font": "13.1.6",
        "@types/node": "18.11.18",
        "@types/react": "18.0.27",
        "@types/react-dom": "18.0.10",
        "eslint": "8.33.0",
        "eslint-config-next": "13.1.6",
        "next": "13.1.6",
        "nvm": "^0.0.4",
        "react": "18.2.0",
        "react-dom": "18.2.0",
        "typescript": "4.9.4",
        "webpack": "^5.75.0"
      },
      "devDependencies": {
        "standard": "^17.0.0"

我嘗試更新 next.js 使用的所有必要資源。 我期待看到該應用程序在沒有編譯問題的情況下運行，但我最好的猜測是它與我的 Linux 發行版有關。

Answer 1

您可以使用以下命令重新安裝 NPM 模塊：

npm i -f

之后，使用npm run dev命令啟動開發服務器。