时间戳

首页 > 解决方案 > GET http://localhost:8000/index.js net::ERR_ABORTED 404（未找到）

reactjs - 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 中的意外令牌 <”。然后未能解决这个问题，我继续这一章，希望更多的改变可以解决这个问题。现在我已经完成了包括 Ch7 Proxy-Based-Architecture 在内的所有工作。ui 仍然不会在浏览器中加载，并且我收到上述 (404) 错误。其他一切似乎都运行良好：两台服务器都在终端中运行，graphql 运行良好。

代码应该没问题，因为我什至已经检查过它，甚至从这个 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"
  }
}

标签： reactjsexpress

解决方案

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

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

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

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

推荐阅读