React 应用程序服务器不会使用 create react app 自动重启

Question

我正在使用 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

Answer 1

尝试将 .env 文件添加到您的根项目目录（您有 package.json 和 node_modules）。然后在 .env 中添加 CHOKIDAR_USEPOLLING=true。当我遇到热重载无法正常工作的问题时，这对我有用。显然，“观察者”在使用 VM（如 WSL）时需要此设置。我在此处的最佳答案中发现了这个推荐：

React 应用程序服务器不会使用 create react app 自动重启

React app server wont restart automatically using create react app

node.js

reactjs

create-react-app

babeljs

webpack-dev-server