问题描述
我正在使用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.json
和node_modules
)。然后在.env
内添加CHOKIDAR_USEPOLLING=true
。当我遇到热重装无法正常工作的问题时,这对我才有用。显然,在使用VM(例如WSL)时,“观察者”需要此设置。我在这里的最佳答案中发现了此建议:React create app hot reload is not always working on linux