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

如何解决GET http：// localhost：8000 / index.js net :: ERR_ABORTED 404未找到

我正在遵循教程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"
  }
}

解决方法

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

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

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

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