Javascript 在react js中运行代码但未获得预期输出时没有异常_Javascript_Node.js_Reactjs_Webpack

Javascript 在react js中运行代码但未获得预期输出时没有异常

javascript node.js reactjs webpack

Javascript 在react js中运行代码但未获得预期输出时没有异常,javascript,node.js,reactjs,webpack,Javascript,Node.js,Reactjs,Webpack,在用Web包运行react js中的Hello world程序时，我被难住了请查看以下附件了解项目结构当我从cli执行，npm run dev命令时，浏览器正在启动，但index.js值没有呈现，非常不确定是什么问题，因为无论是在cmd还是浏览器控制台上，我都没有在代码中看到任何异常供参考： index.js import React from 'react'; import {render} from 'react-dom'; class App extends React.Comp

在用Web包运行react js中的Hello world程序时，我被难住了

请查看以下附件了解项目结构

当我从cli执行，

npm run dev

命令时，浏览器正在启动，但index.js值没有呈现，非常不确定是什么问题，因为无论是在cmd还是浏览器控制台上，我都没有在代码中看到任何异常

供参考：

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"))

从“React”导入React；
从'react dom'导入{render}；
类应用程序扩展了React.Component{
渲染（）{
返回
你好，世界！；
该死的耶！！
;
}
}
render（，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>


React.js使用NPM、Babel6和Webpack

是渲染（代码中实际包含的内容？不应该是吗？--codecubed.io在上面进行了评论

遵循这个建议后，它成功了，这归功于'codecubed.io'，再次感谢：）

是

渲染（

你的代码中实际有什么？不应该是

？@codecubed.io是的，但这会引发

引用错误。

。我认为bundle.js有问题。你重建了你的应用程序吗？我已经改为“渲染”（“to”render（“，重建并运行，然后在浏览器控制台上看到错误..“APP”未定义Edit正在使用建议的解决方案codecubed.io工作谢谢：）