Nextjs 的第一步是一团糟

Question

运行“npx create-next-app@latest --experimental-app ”后，我下载所有文件并准备好开始编写应用程序的一切。问题是，当我运行“npm run dev”时，我遇到一些模块的编译错误，特别是来自 google font 的模块。

“错误 - node_modules/@next/font/google/index.js (15:6) @ eval 错误 - 错误：@next/font/google 运行失败或配置不正确。 如果您刚刚安装了

@next/font

，请尝试重新启动

next dev

并重新保存您的文件。”

我是这个框架的新手，如果我没有接触过任何东西，那么在本地主机上运行应用程序时我应该会看到 next.js 屏幕，对吗？

对于为什么会发生这种情况有什么想法吗？并提前致谢

我将把我的 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

命令启动开发服务器。

Answer 2

我在 Powershell 终端中创建应用程序时遇到了类似的问题，但随后尝试从 WSL 终端 (Ubuntu) 运行它（“错误”）。

重新安装软件包没有帮助，但与我使用的终端保持一致有帮助。

我没有进一步调查，但我怀疑这与 Powershell 在某些文件夹中区分大小写有关（现在可以在某些 Windows 文件夹上启用或禁用区分大小写）。

Answer 3

对我有用的是从项目根目录中删除

.next

文件夹。该文件夹用于 NextJs 的本地构建。删除该文件夹后

npm run dev

成功构建了项目