这是我第一次使用react,我在Django中使用它。我有一个index.js,它把组件应用程序渲染成一个id=root元素,在应用程序的主体中,我放置了一个h1标签和另一个名为HomePage的组件,它已经被导入。当我第一次启动服务器和webpack时,应用程序组件通常会更新大约10秒,但在那之后,对App.js的任何更改都不会更新。但是组件HomePage会在App组件不更新时更新。我的猜测是main.js没有更新,如果您有任何帮助,我们将不胜感激。index.js
//index.js
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
// import { render } from 'react-dom';
import App from './components/App';
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById('root')
);
App.js
import React, { Component } from 'react';
import HomePage from './HomePage';
function App(){
return(
<div>
<HomePage />
<h1>Welcome</h1>
</div>
);
}
export default App;
HomePage.js
import React, { Component } from 'react';
const HomePage = () => {
return (
<div>
<h1>Home </h1>
</div>
);
}
export default HomePage;
3条答案
按热度按时间ego6inou1#
我解决了我的问题,似乎React是在src文件夹中寻找App.js与index.js,我有我的组件文件夹与其他组件。移动到src文件夹并更新导入后,我的应用程序开始正常更新。
n6lpvg4x2#
这个问题昨天花了我一段时间才解决。以下是您可以尝试的一些故障排除:
从"react"导入"react";从"react-dom"导入ReactDOM;reactDOM. render(,文档. getElementById("根目录"));
ehxuflar3#
兄弟,我也遇到过同样的问题,就我而言,解决它相当容易
我保存的组件文件的大写锁定和导入他们与大写锁定关闭
我在你的代码里看到了一个类似的错误:
在windows中,这类问题很常见,因为我们处理的系统不区分大小写
希望我帮到你了!