【发布时间】:2021-03-18 22:49:45
【问题描述】:
我创建了一个新的 React 应用程序,并且 npm start 在 localhost 中运行。在我关闭它并稍后返回后,npm start 将不会在浏览器中打开。我重新安装了所有东西,完全相同的事情再次发生。我尝试在全球范围内安装 react-scripts。没有。一样。我删除了 node_modules 仍然没有。我尝试从我的 package.json 中删除 babel。没有。我从浏览器中清除了缓存。没有。任何帮助都会很棒。我制作了许多 React 应用程序,但从未有过这样的东西。
这是我的 package.json:
{
"name": "johnny_auth1_app",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"bootstrap": "^4.5.3",
"react": "^17.0.1",
"react-bootstrap": "^1.4.0",
"react-dom": "^17.0.1",
"react-router-dom": "^5.2.0",
"react-scripts": "^4.0.1",
"styled-components": "^5.2.1",
"web-vitals": "^0.2.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"
]
}
}
这是我的 App.js:
import './App.css';
import Home from './Components/Home';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
import { NavigationBar } from './Components/NavigationBar';
const App = () => {
return (
<Router>
<NavigationBar />
<div classname='App'>
<Switch>
<Route exact path='/' component={Home}/>
</Switch>
</div>
</Router>
);
};```
【问题讨论】:
-
嗨!欢迎来到 StackOverflow!请阅读我们的tour,以更好地了解如何添加minimal, reproducible example
-
这能回答你的问题吗? NPM run * doesn't do anything
-
尝试通过运行 npm start --verbose 来检查更多日志,并检查端口是否已经在运行,如果您使用 cra,它将要求在新端口中打开,您可以在终端上键入 y
-
我认为 create-react-app 的新版本存在一些重大错误(我看到了他们的问题)。尝试安装旧版本的 create-react 应用程序。
-
我尝试了您发送给我的 RobC 中的所有内容。谢谢,但仍然没有骰子。
标签: reactjs npm react-router localhost package.json