在vscode和online IDE的位置31处获取意外令牌< in

Question

我重新开始在我的网站上工作，它不断地产生这个错误，我不知道为什么，因为我从来没有编辑过package.json文件。顺便说一句，我是用反应来做我的项目。

每当我执行npm启动或使用代码框运行代码时都会出现错误。

这是我的package.json文件

​

{
  "name": "profile-project",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^6.1.1",
    "@fortawesome/free-brands-svg-icons": "^6.1.1",
    "@fortawesome/free-solid-svg-icons": "^6.1.1",
    "@fortawesome/react-fontawesome": "^0.1.18",
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^13.1.1",
    "@testing-library/user-event": "^13.5.0",
    "bootstrap": "^5.1.3",
    "font-awesome": "^4.7.0",
    "react": "^18.0.0",
    "react-bootstrap": "^2.4.0",
    "react-dom": "^18.0.0",
    "react-icons": "^4.3.1",
    "react-router-dom": "6",
    "react-scripts": "5.0.1",
    "sass": "^1.51.0",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

​

Answer 1

我对您的项目不太了解，但是当需要JSON而不是HTML时，这是典型的错误。这通常发生在API请求不正确且返回index.html、API正在运行PHP错误并在HTML中提供错误消息等情况下发生。

--如果它以前工作过，但现在不起作用--那么then肯定已经改变了。浏览器几乎从不破坏向后兼容性，所以很可能是在您的项目中。自上次使用以来，您是否使绝对没有发生任何更改？(甚至不是依赖项更新)。

通过这些步骤，让我们知道发生了什么：

1. 你确定你没有改变任何事情，因为它起作用了？
2. 浏览器控制台中是否有错误消息？
3. 您的项目还有其他组件吗？如果是的话，错误消息中提到的组件的内容是什么？
4. 基于这，您的index.html的head中有一个base标记吗？例如<base href="/" />

也可能相关：Webpack号2541。