Question

在使用webpack在react js中运行Hello world程序时，我感到很沮丧

请在下面的附件中找到项目结构

当我执行来自cli的npm run dev命令时，浏览器正在启动，但index.js值未呈现，非常不确定是什么错误，因为在cmd或浏览器控制台上我都没有看到代码中的异常< / p>

仅供参考：

index.js

import React from 'react';
import {render} from 'react-dom';

class App extends React.Component {

  render () {
      return
       <div>
        <p>Hello, World!</p>;
        <h1>Hell yay !!</h1>
       </div>;
  }
}

render(<APP /> , document.getElementById("app"))

和index.html

<html>
 <head>
 <meta charset="utf-8">
 <title>React.js using NPM, Babel6 and Webpack</title>
 </head>
 <body>
 <div id="app" />
 <script src="build/bundle.js" type="text/javascript"></script>
 </body>
</html>

Answer 1

render（是您的代码中实际包含的东西吗？不是吗？-上面提到了codecubed.io。

遵循此建议后，Credit进入了'codecubed.io'，再次谢谢您：）

在React JS中运行代码时没有异常，但未获得预期的输出

1 个答案: