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

Question

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

我做了什么：

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

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

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

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

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

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

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

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

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

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

• npx 创建反应应用程序反应1
• cd反应1
• npm 启动

我收到以下错误：

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

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

Answer 1

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

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