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

【问题标题】：GET http://localhost:8000/index.js net::ERR_ABORTED 404 (not found)GET http://localhost:8000/index.js net::ERR_ABORTED 404（未找到）
【发布时间】：2020-08-13 17:17:31
【问题描述】：

我正在关注教程https://github.com/vasansr/pro-mern-stack-2（构建一个 CRUD 应用程序“问题跟踪器”）。由于我将应用程序从单个服务器拆分为单独的 api 和 ui 服务器，因此我在将 ui 加载到浏览器中时遇到了问题。最初，我在开发工具控制台（在创建单独的 ui 和 api 服务器之后）中获得了“位置 0 的 JSON 中的意外令牌

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

这是我的 ui 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"
  }
}

【问题讨论】：

标签： reactjs express

【解决方案1】：

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

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

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

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

【讨论】：