React App Server不会使用Create React App自动重启

问题描述

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

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

我的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;

我的Palette.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

解决方法

尝试将.env文件添加到根项目目录(其中有package.jsonnode_modules)。然后在.env内添加CHOKIDAR_USEPOLLING=true。当我遇到热重装无法正常工作的问题时,这对我才有用。显然,在使用VM(例如WSL)时,“观察者”需要此设置。我在这里的最佳答案中发现了此建议:React create app hot reload is not always working on linux