Reactjs 反应页面不';当我运行Npm Start时,不能在浏览器中更改live
我不确定这个标题的措辞是否正确,或者如何用词。通常,当我运行React应用程序时,我会在终端中运行Reactjs 反应页面不';当我运行Npm Start时,不能在浏览器中更改live,reactjs,npm,npm-start,Reactjs,Npm,Npm Start,我不确定这个标题的措辞是否正确,或者如何用词。通常,当我运行React应用程序时,我会在终端中运行npm start,并可以在浏览器上看到我的更改。但是对于这个项目,npm start本身会带来错误,我必须在开始之前运行npm run build,但是它不会在浏览器中给我实时的更改。我必须不断关闭服务器并重新启动,才能看到浏览器中的每一项更改 我忘记装东西了吗?我是个新手,我的搜索结果都没有什么好结果 以下是一些代码,如果有帮助的话: // bin/www var app = require(
npm start
,并可以在浏览器上看到我的更改。但是对于这个项目,npm start
本身会带来错误,我必须在开始之前运行npm run build
,但是它不会在浏览器中给我实时的更改。我必须不断关闭服务器并重新启动,才能看到浏览器中的每一项更改
我忘记装东西了吗?我是个新手,我的搜索结果都没有什么好结果
以下是一些代码,如果有帮助的话:
// 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:
package.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启动”应该会重新加载
"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"
},