Question

我是新来反应js的人，但我仍在学习中，

每次我重新启动PC并尝试启动Babel将JSX转换为ES6时，都会出现以下错误。

C:\Users\Abdel\Desktop\React Course\indecision-app>babel src/app.js --out-file=public/scripts/app.js --presetes=env,react --watch
SyntaxError: src/app.js: Unexpected token (38:8)
  36 | const renderApp = () => {
  37 |     const template = (
> 38 |         <div>
     |         ^
  39 |             <h1>{app.Title}</h1>
  40 |             {app.options && <h3>{app.subTitle}</h3>}
  41 |             <p>{app.options.length > 0 ? 'here Are your options' : 'Options are empty'}</p>
change src/app.js
SyntaxError: src/app.js: Unexpected token (38:8)
  36 | const renderApp = () => {
  37 |     const template = (
> 38 |         <div>
     |         ^
  39 |             <h1>{app.Title}</h1>
  40 |             {app.options && <h3>{app.subTitle}</h3>}
  41 |             <p>{app.options.length > 0 ? 'here Are your options' : 'Options are empty'}</p>

我使用以下babel预设：响应版本6.24.1和环境版本1.5.2

将来可以得到一些帮助来防止这些错误吗？

谢谢

Answer 1

您需要在文件中导入React，以便它可以转换为JSX，并将其放在文件import React from "react";的顶部。

https://hackernoon.com/why-import-react-from-react-in-a-functional-component-657aed821f7a

意外令牌（38：8）

1 个答案: