代码之家  ›  专栏  ›  技术社区  ›  Vijunav Vastivch

创建DIV元素时出现react.component语法错误

  •  2
  • Vijunav Vastivch  · 技术社区  · 6 年前

    得到一个问题反应。组件:

    App.JS

    import React, { Component } from 'react';
    
    class App extends React.Component {
        render() {
            return(
                <div><h1>Hello World</h1></div>
                );
        }
    }
    export default App;
    

    当我运行项目并检查inspect元素时,错误显示

    /app.js模块生成失败(从 ./node_modules/babel loader/lib/index.js):语法错误: D:\test\reactpp\app.js:意外的令牌(5:9)

     3 |     render() {
      4 |         return(
    > 5 |           <div><h1>Hello World</h1></div>
        |           ^
      6 |           );
      7 |     }
      8 | }
    

    我的问题是: 是 div 无法对该特定组件执行元素?

    我已经搜索过了 Here 但是 div 元素存在。

    我错过了什么?

    1 回复  |  直到 6 年前
        1
  •  1
  •   Nikita Malyschkin    6 年前

    尝试将此添加到您的babel预设中: https://babeljs.io/docs/en/babel-preset-react

    作为备选方案,您可以尝试使用 parceljs ,它预装了所有预设。