Javascript 巴布尔变换失败

我试图使用巴别塔变换，但我得到了错误

命令

babel——插件转换反应移除道具类型app/assets/javascripts/components

错误

SyntaxError:app/assets/javascripts/components/admin\u partner\u views/actual\u report.jsx:意外标记（46:6）
44 | 
45 |返回(
> 46 |       
|       ^
47 |         
48 |           
49 |领导报告

反应成分

“严格使用”；
var AdminPartnerReportView=React.createClass({
getInitialState:函数（）{
var-activeReport；
如果（！this.props.leadSource.leads|u视图| |！this.props.leadSource.calls|u视图）{
activeReport=this.props.leadSource.leads_视图？'leads'：this.props.leadSource.calls_视图？'calls'：null；
}else if（this.props.leadSource.leads_视图&&this.props.leadSource.calls_视图）{
activeReport=null；
}
返回{activeReport:activeReport}；
},
activateReport:函数（报告名称）{
this.setState（{activeReport:reportName}）；
},
reportChooser:函数（）{
如果（！this.props.leadSource.leads|u视图| |！this.props.leadSource.calls|u视图）{
返回null；
}
var cx=React.addons.classSet，
leadsButtonClass，
callsButtonClass；
leadsButtonClass=cx({
“btn”：对，
“btn主”：this.state.activeReport==“leads”，
'btn default'：！this.state.activeReport！='leads'
});
callsButtonClass=cx({
“btn”：对，
'btn primary'：this.state.activeReport=='calls'，
“btn默认值”：this.state.activeReport！=“调用”
});
返回(
线索报告
呼叫报告
)
},
reportToRender:函数（）{
如果（this.state.activeReport=='leads'）{
返回
}else if（this.state.activeReport=='calls'）{
返回
}否则{
返回空
}
},
render:function（）{
返回(
{this.reportChooser（）}
{this.reportorender（）}
)
}
});

您的问题是，babel可能没有正确配置以理解jsx。它需要

babel preset react

。您的

.babelrc

文件（因为您是从命令行直接运行babel）应该如下所示：

{
  "presets": ["@babel/preset-react"],
  "env": {
    "development": {
      "presets": [["@babel/preset-react", { "development": true }]]
    }
  }
}

---

如果您没有

.babelrc

文件，请在项目根目录中创建一个。您需要执行

npm安装--保存dev@babel/preset react

。链接：

您的问题是，babel可能没有正确配置以理解jsx。它需要

babel preset react

。您的

.babelrc

文件（因为您是从命令行运行babel direct）应该如下所示：

{
  "presets": ["@babel/preset-react"],
  "env": {
    "development": {
      "presets": [["@babel/preset-react", { "development": true }]]
    }
  }
}

---

如果您没有

.babelrc

文件，请在项目根目录中创建一个。您需要执行

npm安装--保存dev@babel/preset react

。链接：

是否有更多关于该错误的文本？@seesharper在上面添加了

语法错误：app/assets/javascripts/components/admin\u partner\u views/actual\u report.jsx：意外标记（46:6）

这能回答你的问题吗？你能分享整个代码吗？搜索“bable syntaxerror unexpected token”给了我一些帮助。看看它是否会有帮助。有没有更多关于这个错误的文本？@seesharper添加在

syntaxerror:app/assets/javascripts/components/admin\u partner\u views/actual\u report.jsx:unexpected token（46:6）

这能回答你的问题吗？你能分享整个代码吗？搜索“bable syntaxerror unexpected token”给了我答案。看看是否有帮助。