javascript - webpack 错误意外 token

标签 javascript reactjs

尝试调试此错误数小时未能找到问题出在哪里。奇怪的错误! 应用程序.js

var React = require('react');

var app = React.createClass({
    render() {
        return (<h1>Hello World from Reach</h1>);
    }
})

module.export = app;

应用程序客户端.js

var React = require('react');
var App = require('./components/app');

React.render(<App />, document.getElementById('react-container'));

错误

ERROR in ./app-client.js
Module build failed: SyntaxError: /Users/alice/reactjs/app-client.js: Unexpected token (4:13)
2 | var app = require('./components/app');
3 | 
4 | React.render(<app/>, document.getElementById('react-container'));

最佳答案

你有语法错误。在 app.js 文件中创建类时,将 render() 替换为 render: function() 所以你的 app 分配应该看起来像下面的代码:

var app = React.createClass({
    render: function(){
        return (<h1>Hello World from Reach</h1>);
    }
})

关于javascript - webpack 错误意外 token ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34945576/

相关文章:

reactjs - Mantine DatePickerInput 渲染错误

javascript - 从 react router v4 中的 redux 操作重定向

javascript - 如何使用 HTML5 Canvas 平滑连续地连接 2 条贝塞尔曲线

javascript - 将 Node 请求或 axios 与流一起使用来下载和解压缩文件未按预期处理背压?

javascript - Facebook 的 React JSX 转换器如何工作?

javascript - 有没有办法在 SetState 中使用 async wait

javascript - "(AppContainer)RangeError: Maximum call stack size exceeded"- 与 react 热加载器 react

javascript - d3 折线图字符串作为 x 轴域

javascript - EmberJS - 具有 hasMany 关系的记录无法加载

reactjs - ReactiveSearch仅自动完成