React 和 NextJs.net::ERR_ABORTED 404（未找到）

Question

在创建默认的 React 项目或默认的 nextjs 项目时，我得到了 404，我在不同的机器上尝试过，但它没有任何问题，所以我想知道我的 Mac 配置有什么问题。

我做了什么：

• 使用“npx create-next-app”创建一个新的 nextjs 项目

• 一切都已正确安装（我使用的是节点 v16.9.1，但与 14.6.x 有同样的问题）

• 当我现在运行：npm 在新创建的文件夹中运行 dev 服务器在端口 3000 上正确启动

• 导航到 0.0.0.0:3000 时，页面未加载并保持白色，但控制台显示：

  • GET http://localhost:3000/_next/static/chunks/webpack.js?ts=1632035639230.net::ERR_ABORTED 404（未找到）localhost/:1
  • GET http://localhost:3000/_next/static/chunks/main.js?ts=1632035639230.net::ERR_ABORTED 404（未找到）localhost/:1
  • GET http://localhost:3000/_next/static/chunks/react-refresh.js?ts=1632035639230.net::ERR_ABORTED 404（未找到）localhost/:1

• GET http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1632035639230.net::ERR_ABORTED 404（未找到）localhost/:1

• GET http://localhost:3000/_next/static/development/_buildManifest.js?ts=1632035639230.net::ERR_ABORTED 404（未找到）localhost/:1

• GET http://localhost:3000/_next/static/chunks/pages/index.js?ts=1632035639230.net::ERR_ABORTED 404（未找到）localhost/:1

• GET http://localhost:3000/_next/static/development/_ssgManifest.js?ts=1632035639230.net::ERR_ABORTED 404（未找到）

尝试“裸”反应应用程序时：

• npx create-react-app react1
• 光盘反应1
• npm 开始

我收到以下错误：

• GET http://localhost:3001/%PUBLIC_URL%/manifest.json 400（错误请求）manifest.json:1 清单：行：1，列：1，语法错误。 favicon.ico:1
• GET http://localhost:3001/%PUBLIC_URL%/favicon.ico 400（错误请求）
• 由于此 URI 格式错误，尝试在工作区中绑定“/%PUBLIC_URL%/manifest.json”失败。

可能两者都不相关，只是想添加它以防万一。

Answer 1

当我将 git 存储库克隆到 Windows 机器时，我遇到了与现有项目类似的问题。 运行该应用程序后，我在浏览器控制台上收到了相同的错误消息。 我花了几个小时才找出问题的原因。

这是项目文件夹有一个特殊的字符。 可以说是Hello%20World 。 将文件夹重命名为Hello-World解决了这个问题。 “%”字符导致了该问题。