![](/img/trans.png)
[英]When I run "npm start" to run a React app , it doesn't give any errors but hangs forever instead
[英]React page doesn't change live in browser when I run Npm Start
我不確定我是否正確地表達了這個標題或如何表達。 通常,當我運行 React 應用程序時,我會在終端中運行npm start
並且可以在瀏覽器上看到我的更改。 但是對於這個項目,單獨npm start
會帶來錯誤,我必須在開始之前運行npm run build
,但是它不會在瀏覽器中給我實時更改。 我必須不斷殺死服務器並重新啟動以查看瀏覽器中的每個更改。
我忘記安裝什么了嗎? 我對 React 很陌生,我的搜索都沒有產生有希望的結果。
這是一些代碼,如果有幫助的話:
// bin/www
var app = require('../app');
var debug = require('debug')('mean-app:server');
var http = require('http');
var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);
var server = http.createServer(app);
server.listen(port);
server.on('error', onError);
server.on('listening', onListening);
function normalizePort(val) {
var port = parseInt(val, 10);
if (isNaN(port)) {
// named pipe
return val;
}
if (port >= 0) {
// port number
return port;
}
return false;
}
function onError(error) {
if (error.syscall !== 'listen') {
throw error;
}
var bind = typeof port === 'string'
? 'Pipe ' + port
: 'Port ' + port;
switch (error.code) {
case 'EACCES':
console.error(bind + ' requires elevated privileges');
process.exit(1);
break;
case 'EADDRINUSE':
console.error(bind + ' is already in use');
process.exit(1);
break;
default:
throw error;
}
}
function onListening() {
var addr = server.address();
var bind = typeof addr === 'string'
? 'pipe ' + addr
: 'port ' + addr.port;
debug('Listening on ' + bind);
.env:
// .env
PORT=5555
包.json:
"scripts": {
"start": "node ./bin/www",
"build": "react-scripts build",
"dev": "DEBUG=project-management-server:* nodemon ./bin/www" ,
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
將您的 packages.json 更改為此
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"dev": "DEBUG=project-management-server:* nodemon ./bin/www" ,
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
每當您現在進行更改時,運行“npm start”都應該熱重載
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.