reactjs 进行更改时,React App.js不会更新,但其他组件会更新

zhte4eai  于 2023-01-25  发布在  React
关注(0)|答案(3)|浏览(208)

这是我第一次使用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;
ego6inou

ego6inou1#

我解决了我的问题,似乎React是在src文件夹中寻找App.js与index.js,我有我的组件文件夹与其他组件。移动到src文件夹并更新导入后,我的应用程序开始正常更新。

n6lpvg4x

n6lpvg4x2#

这个问题昨天花了我一段时间才解决。以下是您可以尝试的一些故障排除:

  • 尝试进入一个新的目录并启动另一个react应用程序,你也可以比较另一个正常运行的应用程序的文件、样板代码和文件夹结构,看看哪里出了问题。
  • 在index.js中,您还可以尝试:

从"react"导入"react";从"react-dom"导入ReactDOM;reactDOM. render(,文档. getElementById("根目录"));

  • 您也可以尝试使用第三方react初始化工具,如viteJs。
ehxuflar

ehxuflar3#

兄弟,我也遇到过同样的问题,就我而言,解决它相当容易
我保存的组件文件的大写锁定和导入他们与大写锁定关闭
我在你的代码里看到了一个类似的错误:

import App from './components/App';

在windows中,这类问题很常见,因为我们处理的系统不区分大小写
希望我帮到你了!

相关问题