我做了一个简单的create-react-app my-app
,并用npm start
在浏览器中启动了它,它工作正常,并且我得到了默认的react徽标以及所有内容。问题是当我尝试使用code .
在vscode中启动它或手动将文件加载到vs-code中时,当我使用“ open live-server”打开它时,我只得到一个空白页。知道为什么会这样吗?
编辑:我在控制台中遇到3个错误:Failed to load resource: the server responded with a status of 400 (Bad Request) manifest.json:1 Manifest: Line: 1, column: 1, Syntax error. 127.0.0.1:5500/public/%PUBLIC_URL%/favicon.ico:1 Failed to load resource: the server responded with a status of 400 (Bad Request)
答案 0 :(得分:2)
实时服务器用于具有静态资产的项目。
在react项目中,您不需要使用实时服务器。 $album = json_decode($request->album);
$music->album_id = $album->key;
$music->save();
在npm start
上为您启动Webpack开发服务器。这是您的实时服务器。
您可以通过进入port 3000
并修改package.json
脚本来将端口更改为所需的端口。
Linux和Mac
start
Windows
{
"version": "0.1.0",
"repository": "your repo",
"license": "MIT",
"scripts": {
"start": "PORT=5000 react-scripts start" //the port 5000 is the update
},
"dependencies": { ... },
"devDependencies": { ... }
}