GET http://localhost:8000/index.js net::ERR_ABORTED 404（未找到）

Question

我正在关注教程https://github.com/vasansr/pro-mern-stack-2 （构建 CRUD 应用程序“问题跟踪器”）。 由于我将应用程序从单个服务器拆分为单独的 api 和 ui 服务器，因此我在将 ui 加载到浏览器中时遇到了问题。 最初，我在开发工具控制台中（在创建单独的 ui 和 api 服务器之后）在 position 0 处的 JSON 中获得了“意外的令牌 <”。 然后未能解决这个问题，我继续这一章，希望更多的改变可以解决这个问题。 现在我已经完成了包括 Ch7 Proxy-Based-Architecture 在内的所有工作。 ui 仍然不会在浏览器中加载，并且我收到上述 (404) 错误。 其他一切似乎都运行良好：两台服务器都在终端中运行，graphql 运行良好。

代码应该没问题，因为我什至已经检查过它，甚至从这个 Git 存储库中复制和粘贴，只是为了双重确定。 我还检查了文件结构。 唯一的区别是我的 package.json，由于我遇到的依赖问题，一些 package 版本不同，所以我想知道这是否是问题所在。 但我不清楚，因为我在运行服务器时在终端中没有遇到任何问题。

这是我的用户界面 package.json：

{
  "name": "pro-mern-stack-2-ui",
  "version": "1.0.0",
  "description": "Pro MERN Stack (2nd Edition) - UI",
  "main": "index.js",
  "scripts": {
    "start": "nodemon -w uiserver.js -w .env uiserver.js",
    "compile": "babel src --out-dir public",
    "watch": "babel src --out-dir public --watch --verbose"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/vasansr/pro-mern-stack-2.git"
  },
  "author": "vasan.promern@gmail.com",
  "license": "ISC",
  "homepage": "https://github.com/vasansr/pro-mern-stack-2",
  "dependencies": {
    "dotenv": "^6.2.0",
    "express": "^4.16.4",
    "http-proxy-middleware": "^0.21.0",
    "nodemon": "^1.18.9"
  },
  "devDependencies": {
    "@babel/cli": "^7.2.3",
    "@babel/core": "^7.2.2",
    "@babel/preset-env": "^7.2.3",
    "@babel/preset-react": "^7.0.0"
  }
}

Answer 1

这里的问题是我没有编译我的代码。 我正在使用 babel 并进行了一些更改，但没有意识到我需要重新编译我的 App.js 文件。 当我尝试不同的事情时，我也得到了错误：

GET http://localhost:8000/App.js net::ERR_ABORTED 404（未找到）

所以我在我的 ui 终端中使用了命令 npm run watch （App.js 文件在我的用户界面目录中）。

所以看来问题是我无法在浏览器中加载未编译的文件。