babel意外令牌反应模块buidl失败

Question

大家好，我有此页面：

import React, { Fragment } from 'react'
import './Loader.css'

const Loading = ({ loadingMsg, styling}) => {
  return (
    <Fragment>
        <div className="loader">
        <p style={styling}>
          { loadingMsg }
        </p>
      </div>
    </Fragment>
  )
}

export default Loading

我不知道为什么当我开始我的项目时会说我：

./ src / components / Loading / Loading.js中的错误模块构建失败（来自./node_modules/babel-loader/lib/index.js）：意外令牌（6：4）

Answer 1

您需要像这样将babel-preset-react添加到您的项目中：

npm install babel-loader babel-preset-react