Javascript Can'；当我更新代码并重建解决方案时，我看不到对应用程序的更改

我使用它在Visual Studio中创建Node.js和React应用程序。我成功地遵循了教程中的所有内容，并按Ctrl+F5键，我收到了欢迎做出反应的消息

当我向app.tsx添加更多代码时，问题就出现了。我又编写了两个组件并呈现了它们，但是当我构建解决方案并运行应用程序时，最初的“欢迎反应！！”消息没有任何变化。下面是我添加到app.tsx的附加代码：

declare var require:any
var React=要求（'React'）；
var ReactDOM=require（'react-dom'）；
类Hello扩展了React.Component{
render（）{
返回(
欢迎来到这里！！
);
}
}
类。组件{
render（）{
返回(
我们有最好的音乐！！
);
}
}
类ShoppingList扩展了React.Component{
render（）{
返回(
{this.props.name}的购物清单

Instagram
WhatsApp
眼

);
}
}
ReactDOM.render（，document.getElementById（'root'））；
ReactDOM.render（，document.getElementById（'main'））；
ReactDOM.render（，document.getElementById（'list'））
通常情况下，使用React时，只留下一个index.html

<div id="root"></div> 



并在其中放置一个应用程序组件

ReactDOM.render(<App />, document.getElementById('root'));

ReactDOM.render（，document.getElementById（'root'）；

然后在应用程序组件中导入所有其他组件：

import { Loading } from '../components/loading.js'
import { GridView } from '../components/news/GridView'
import { TextView } from '../components/news/TextView'
import { FilterTag } from '../components/shared/FilterTag'

class App extends React.Component {
    render() {
        return (
            <div>
            <Loading />
            <GridView />
            <TextView />
            <FilterTag />
            </div>
        );
    }
}

从“../components/Loading.js”导入{Loading}
从“../components/news/GridView”导入{GridView}
从“../components/news/TextView”导入{TextView}
从“../components/shared/FilterTag”导入{FilterTag}
类应用程序扩展了React.Component{
render（）{
返回(
);
}
}
请检查您的ConsoleSole没有任何。。。它构建成功，没有错误！请分享你的json包和网页当你收到消息说项目已经过时，你点击哪个按钮？看起来你可能需要重新运行…这会很烦人。这就是重建你的包裹的东西。没错。。但我只想看到变化！！