javascript – babel watch SyntaxError:意外的令牌
作者:互联网
当我使用babel观看jsx文件时.但是存在语法错误.
在此之前,我使用react-tools观看,一切都很好.
SyntaxError: assets/js/chat/chat.jsx: Unexpected token (258:16)
256 | if (this.props.isOpen) {
257 | return (
> 258 | <div className="modal-overlay">
| ^
259 | <ReactCSSTransitionGroup transitionName={this.props.transitionName}>
260 | <div className="chat-modal">
261 | {this.props.children}
以下是我的代码.
var ReactCSSTransitionGroup = React.addons.CSSTransitionGroup;
var Modal = React.createClass({
render: function() {
if (this.props.isOpen) {
return (
<div className="modal-overlay">
<ReactCSSTransitionGroup transitionName={this.props.transitionName}>
<div className="chat-modal">
{this.props.children}
</div>
</ReactCSSTransitionGroup>
</div>
)
} else {
return <div className="modal-overlay"><ReactCSSTransitionGroup transitionName={this.props.transitionName}/></div>
}
}
});
解决方法:
前几天我遇到了类似的问题.看来babel现在需要一些额外的插件来处理反应.
请参阅此SO问题中的答案:babel-loader jsx SyntaxError: Unexpected token
标签:javascript,babeljs,react-jsx 来源: https://codeday.me/bug/20190727/1556991.html