Question

有问题React.Component：

App.js

import React, { Component } from 'react';

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

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

/App.js模块构建失败（来自 ./node_modules/babel-loader/lib/index.js)：SyntaxError： D：\ Test \ reactApp \ App.js：意外令牌（5：9）

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

我的问题是： div元素不能用于该特定组件吗？

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

我错过了什么？

Answer 1

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

作为替代方案，您可以尝试使用parceljs，它预装了所有预设。

创建div元素时的React.Component语法错误

1 个答案: