Не удается создать приложение React при «запуске сервера разработки» - PullRequest
Новая
       5

Не удается создать приложение React при «запуске сервера разработки»

0 голосов
/ 03 февраля 2020

Мое приложение реакции создается с использованием приложения «Создать реагирование» https://reactjs.org/docs/create-a-new-react-app.html не запускается.

Когда я выполняю c npm run start, мое приложение зависает со следующим сообщением.

Запуск сервера разработки ...

пакет. json

{
  "name": "frontend",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@types/jest": "^25.1.1",
    "@types/node": "^13.7.0",
    "@types/react": "^16.9.19",
    "@types/react-dom": "^16.9.5",
    "@types/react-router-dom": "^5.1.3",
    "axios": "^0.19.2",
    "lodash": "^4.17.15",
    "node-sass": "^4.13.1",
    "npm-check-updates": "^4.0.1",
    "qs": "^6.9.1",
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.3.1",
    "typescript": "^3.7.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "@semantic-release/gitlab": "^6.0.2",
    "semantic-release": "^17.0.2"
  },
  "release": {
    "branch": "master",
    "plugins": [
      "@semantic-release/commit-analyzer",
      "@semantic-release/release-notes-generator",
      [
        "@semantic-release/gitlab",
        {
          "gitlabUrl": "https://git.companyname.com"
        }
      ]
    ]
  }
}

Версия узла: v12.14.1 Npm Версия: 6.13.4

Я пробовал это несколько раз, и каждый раз, когда это терпит неудачу, это создает новый процесс узла, я знаю это, потому что он просит меня выбрать другой порт.

Пока я безуспешно пытался выполнить следующий процесс 

rm -rf node_modules
npm install
npm start

Ответы [ 4 ]

0 голосов
/ 22 февраля 2020

Я исправил это, установив предыдущую версию npm -скриптов. Попробуйте использовать это: 

npm install react-scripts@2.1.8
0 голосов
/ 03 февраля 2020

Я скопировал ваш файл package.json и запустил его локально на моем компьютере.

Сначала я запустил npm install

Затем я создал /src/index.js и отправил следующий код по умолчанию из create-Reaction-app: 

import React from "react";
import ReactDOM from "react-dom";

ReactDOM.render(<div>We're in!</div>, document.getElementById("root"));

И я также создал /public/index.html:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Web site created using create-react-app"
    />
    <link rel="apple-touch-icon" href="logo192.png" />
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <title>React App</title>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
  </body>
</html>

Наконец, я запустил npm start

Приложение работало нормально, единственное беспокойство - устаревшая зависимость (Старая версия ядра js)

Это заставляет меня думать, что проблема может быть в вашей локальной установке.

Я бы порекомендовал очистить кэш npm и повторить попытку.

Чтобы очистить кэш, запустите npm cache clear --f с повышенными разрешениями.

Тогда я бы предложил начать новый каталог приложения, на случай, если в существующем каталоге что-то повреждено.

0 голосов
/ 03 февраля 2020

Для меня оказалось, что перезагрузка моего компьютера это исправила.

Я до сих пор не знаю причину этого, так как среда осталась прежней, и кроме удаления node_modules и npm install, я больше ничего не делал.

0 голосов
/ 03 февраля 2020

Если вы установили несколько пакетов самостоятельно после создания приложения реакции с помощью creat-реагировать-приложение, это может быть связано с тем, что один из установленных пакетов не работает. В прошлом у меня была такая проблема, как ваше дело. В то время я установил пакет response-pdf, чтобы показать pdfs. Как следствие, сервер разработки не запускался, и каждый раз, когда я запускался снова, он просил выбрать другой порт. После удаления этого пакета он работал хорошо.

Так что я думаю, что в пакете может быть не работающий модуль. json. На мой взгляд, это может быть «qs» packagae.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...