[英]Unexpected Token but not sure as to why
I'm not sure why I am getting an Unexpected Token
error. 我不确定为什么会收到
Unexpected Token
错误。 I can't seem to see the error. 我似乎看不到错误。 Unless
除非
Line 41 is: }.bind(this),
right after this.setState
第41行是:
}.bind(this),
this.setState
之后
ERROR in ./app/views/components/navbar.js
Module build failed: SyntaxError: /Users/bli1/Development/projects/cherngloong/cherngloong/app/views/components/navbar.js: Unexpected token (41:4)
console.log(response);
this.setState({logoPath: response});
}.bind(this),
error: (xhr, status, err) => {
console.error(this.props.url, status, err.toString());
}.bind(this),
at Parser.pp.raise (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:1378:13)
at Parser.pp.unexpected (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:2817:8)
at Parser.pp.expect (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:2811:33)
at Parser.pp.parseObj (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:937:12)
at Parser.pp.parseExprAtom (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:718:19)
at Parser.parseExprAtom (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:4305:22)
at Parser.pp.parseExprSubscripts (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:504:19)
at Parser.pp.parseMaybeUnary (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:484:19)
at Parser.pp.parseExprOps (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:415:19)
at Parser.pp.parseMaybeConditional (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:397:19)
at Parser.pp.parseMaybeAssign (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:360:19)
at Parser.pp.parseExprListItem (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:1206:16)
at Parser.parseExprListItem (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:3692:24)
at Parser.pp.parseCallExpressionArguments (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:580:20)
at Parser.pp.parseSubscripts (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:543:29)
at Parser.pp.parseExprSubscripts (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:514:15)
at Parser.pp.parseMaybeUnary (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:484:19)
at Parser.pp.parseExprOps (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:415:19)
at Parser.pp.parseMaybeConditional (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:397:19)
at Parser.pp.parseMaybeAssign (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:360:19)
at Parser.pp.parseExpression (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:324:19)
at Parser.pp.parseStatement (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:1874:19)
at Parser.parseStatement (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:3507:22)
at Parser.pp.parseBlockBody (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:2208:21)
at Parser.pp.parseBlock (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:2189:8)
at Parser.pp.parseFunctionBody (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:1125:22)
at Parser.parseFunctionBody (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:3494:20)
at Parser.pp.parseMethod (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:1094:8)
at Parser.parseClassMethod (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:3735:12)
at Parser.pp.parseClassBody (/Users/bli1/Development/projects/cherngloong/cherngloong/node_modules/babylon/index.js:2456:10)
@ ./app/views/components/layout.js 17:14-36
Reactjs Component Reactjs组件
class Logo extends React.Component {
constructor(props) {
super(props);
this.state = {
};
}
componentDidMount() {
$.ajax({
url: this.props.url,
dataType: 'json',
method: 'GET',
success: (response) => {
console.log(response);
this.setState({logoPath: response});
}.bind(this),
error: (xhr, status, err) => {
console.error(this.props.url, status, err.toString());
}.bind(this),
data: {
location: this.props.location
}
});
}
render() {
return (
<div className="logo">
<a href="/">
<img src={ this.state.logoPath } alt="Home"/>
</a>
</div>
)
}
}
I'm surprised by the error, though I notice that ArrowFunction is an AssignmentExpression whereas FunctionExpression is a PrimaryExpression ( spec ), so arrow function expressions aren't direct drop-ins for function
function expressions. 我对错误感到惊讶,但我注意到,ArrowFunction是AssignmentExpression而FunctionExpression是PrimaryExpression( 规格 ),所以箭头函数表达式不是直接降插件的
function
函数表达式。 Still surprised. 还是很惊讶。
Two options for you: 您有两个选择:
You don't need those .bind(this)
calls. 您不需要那些
.bind(this)
调用。 Arrow functions close over the this
in the context where they're created (just like closing over a variable). 箭头函数在创建它们的上下文中关闭
this
函数(就像关闭变量一样)。 So you can solve the error simply by removing those bind
calls. 因此,您只需删除这些
bind
调用即可解决该错误。
Example: 例:
var foo = { name: "foo", doSomething() { setTimeout(() => { log("this.name = " + this.name); }, 0); } }; foo.doSomething(); function log(msg) { var p = document.createElement('p'); p.appendChild(document.createTextNode(msg)); document.body.appendChild(p); }
Alternately, if you needed bind
(perhaps to curry arguments; the this
part will be ignored), put parens around the arrow function: 或者,如果您需要
bind
(可能是咖喱参数; this
部分将被忽略),则将括号放在箭头函数周围:
$.ajax({ success: ((response) => { // ----------^ }).bind(null, arg0, arg1/*...*/) // --^ ^^^^-- will be ignored, arrow functions inherit `this` });
Example: 例:
var foo = { name: "foo", doSomething() { setTimeout(((arg) => { // ----------^ log("this.name = " + this.name + ", arg = " + arg); }).bind(null, "bar"), 0); // ^ ^^^^-- ignored, could be anything } }; foo.doSomething(); function log(msg) { var p = document.createElement('p'); p.appendChild(document.createTextNode(msg)); document.body.appendChild(p); }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.