JSX 语法错误如何解决

来源:3-3 实现todo应用的界面

Future_来

2018-01-30 16:47

ERROR in ./src/todo/footer.jsx

Module build failed: SyntaxError: D:/Documents/Projects/future/fount-end/vue-exmaples/vue-webpack-demo-02/src/todo/footer.jsx: Unexpected token (9:6)


   7 |   render() {

   8 |     return (

>  9 |       <div></div>

     |       ^

  10 |     );

  11 |   }

  12 | }


写回答 关注

3回答

  • qq_September_53608794
    2019-09-23 11:08:34

    .babelrc文件名正确吗,插件在这个文件中配置了吗

  • 慕函数0219375
    2018-02-25 21:14:39
    1. 检查babel和jsx相关的几个包是否正确安装,

    2. 检查.babelrc的文件是否存在?(请确认文件名是.babelrc)

    3. 检查里面的配置是否和老师的一样。

  • vzhengming
    2018-01-31 11:08:51

    export default{
       render(){
           return (
               <div id="footer">
                   <span>Writeen by you</span>
               </div>
           )
       }
    }

Vue+Webpack打造todo应用

用前端最热门框架Vue+最火打包工具Webpack打造todo应用

84606 学习 · 787 问题

查看课程

相似问题