Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ReactJS语法错误:意外标记'<';_Javascript_Reactjs_Babeljs_Jsx_Unexpected Token - Fatal编程技术网

Javascript ReactJS语法错误:意外标记'<';

Javascript ReactJS语法错误:意外标记'<';,javascript,reactjs,babeljs,jsx,unexpected-token,Javascript,Reactjs,Babeljs,Jsx,Unexpected Token,我正在学习关于react组件的课程,我遇到了这个问题 我使用Thread安装了以下依赖项: “依赖项”:{ “巴别塔预设环境”:“1.5.2”, “巴别塔预设反应”:“6.24.1” } 以下是myJSX文件: 类头扩展React.Component{ render(){ 返回这是来自页眉的; } } 常数jsx=( 标题 ); render(jsx,document.getElementById('app')这不是100%的帮助,但如中所述,您应该使用预设值而不是预设值 babel scr

我正在学习关于react组件的课程,我遇到了这个问题

我使用Thread安装了以下依赖项: “依赖项”:{ “巴别塔预设环境”:“1.5.2”, “巴别塔预设反应”:“6.24.1” }

以下是myJSX文件:

类头扩展React.Component{
render(){
返回这是来自页眉的;
}
}
常数jsx=(
标题
);

render(jsx,document.getElementById('app')这不是100%的帮助,但如中所述,您应该使用
预设值
而不是
预设值

babel script.js --presets react
因此,您的完整巴别塔命令:

babel src/app.js --out-file public/scripts/app.js --presets env,react --watch

错误消息由文本组成,向我们显示错误消息,而不是它们的图片。错误消息的输出是什么?您不需要单独添加JSX支持吗?创建React+JSX Fiddle时,您的代码段在JSFIDLE中工作。此代码中没有错误,请参见,这可能与babel@Leitereact预置支持JSX开箱即用。很高兴它有帮助!:)不要忘记接受这个答案,因为将来可能会遇到这个问题。