Question

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

Answer 1

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

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

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

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

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

1 个答案: