Question

反应项目无法检测到app.js文件中的任何更改这是我的app.js文件：

import React, { Component } from 'react';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
       <h1>I'm a react app!</h1>
      </div>
    );
  }
}

export default App;

这是the result

Answer 1

尝试将文本我是React应用！放在div中。

class App extends Component {
    render() {
        return (
            <div>I'm a react app!</div>
        );
    }
} export default App;

Answer 2

您可能需要使用ReactDOM来帮助告诉应用程序将组件呈现在何处。例如，如果您在HTML中创建div之类的<div id="root"></div>，则可以使用以下代码：

import React, {
  Component
} from 'react';
import ReactDOM from 'react-dom';

class App extends Component {
  render() {
    return (
      <div>I'm a react app!</div>
    );
  }
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

还请注意，当您返回渲染时，结果应包装在一个标签中。

React项目无法检测到app.js文件中的任何更改

2 个答案: