时间戳

首页 > 解决方案 > 使用创建反应应用程序反应应用程序服务器不会自动重启

node.js - 使用创建反应应用程序反应应用程序服务器不会自动重启

问题描述

我正在使用 create-react-app 制作一个简单的应用程序
，但服务器停止并且不会更新更改
请帮助

npm 版本 6.14.4
节点版本 10.19.0
Ubuntu 20.04 LTS
WSL 2 Windows 10 Home\

我的 Index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

serviceWorker.unregister();

我的 app.js

import React from 'react';
import Palette from './Palette';
import seedColors from './seedColors'
import './App.css';

function App() {
  return (
    <div className ="App">
      <Palette colors ={seedColors[3]}/>
    </div>
  );
}

export default App;

我的调色板.js

 import React, { Component } from "react";

 class Palette extends Component{
     render(){
         return(
             <div><h1>Palette</h1></div>
         )
     }
 }

 export default Palette

seedColors.js，我取自https://github.com/Colt/react-colors/blob/master/colors-app/src/seedColors.js

标签： node.jsreactjscreate-react-appbabeljswebpack-dev-server

解决方案

尝试将.env文件添加到您的根项目目录（您拥有package.json和的位置node_modules）。然后在里面.env，添加CHOKIDAR_USEPOLLING=true。当我遇到热重新加载不起作用的问题时，这对我有用。显然，“观察者”在使用 VM（如 WSL）时需要此设置。我在这里的最佳答案中发现了这个推荐：React create app hot reload is not always working on linux

推荐阅读