NodeJS 在'〈>>的'>'处出现意外标记

gwo2fgha 于 2023-02-08 发布在 Node.js

关注(0)|答案(1)|浏览(165)

我尝试在本地环境中运行Tic-Tac-Toe tutorial on React，但是，当我运行npm start时，在<>周围出现语法错误。

如何重现

1.在教程的中间部分，在"此时您的代码应该看起来像这样："下，单击示例代码右上角的Fork，其中1到9的数字写在一个表中。
1.单击"代码沙盒"左上角的按钮，依次导航到"文件"、"导出到Zip"，然后将代码示例下载为Zip文件。
1.解压缩下载的Zip文件，并在项目根目录中依次执行npm install和npm start。
1.将显示以下错误消息。

./src/App.js
Syntax error: Unexpected token (3:5)

  1 | export default function Board() {
  2 |   return (
> 3 |     <>
    |      ^
  4 |       <div className="board-row">
  5 |         <button className="square">1</button>
  6 |         <button className="square">2</button>

问题

我该如何解决这个错误？虽然我可以在线继续学习教程，但我更愿意在本地环境中继续学习，在那里我可以从lsp，格式化程序等获得帮助。

版本信息

节点. js：版本18.12.1
国家预防机制：8.19.2
项目根目录上的npm view react version：18.2.0

node.js

来源：https://stackoverflow.com/questions/75368559/unexpected-token-at-of-a

1条答案

按热度按时间

5vf7fwbs1#

如果您无法使用Fragment Short syntax“〈〉〈/〉”，请使用普通版本，或者确保您的编辑器/IDE中有react所需的extensions。有更多的here可以帮助您使用其他项目，如formatting。

import React from "react";
    
export default function Square() {
    return (
        <React.Fragment> 
             <button className="square">X</button>
        </React.Fragment>
    );
}

JavaScript的LSP应该由default设置，而Typescript则不设置LSP，而是直接使用tsserver。

赞(0）回复(0）举报 2023-02-08

我来回答

NodeJS 在'〈>>的'>'处出现意外标记

如何重现

问题

版本信息

1条答案

相关问题

热门标签

最新问答