Ken428965 2022-07-25 16:21 采纳率: 53.6%
浏览 69
已结题

JSX问题:浏览器可显示希望的内容,但vscode显示语法错误?

您好。请教一下:在vscode里的index.js文件里按教学视频敲好以下代码
import React from 'react'
import ReactDOM from 'react-dom'
// 2、创建react元素
const title =

Hello JSX


// 3、渲染react元素
ReactDOM.render(title, document.getElementById('root'))
览器能显示出文本内容“Hello JSX”,

img

但vscode把以下内容显示为白色字体

img

< h1 > Hello JSX < /h1>
ReactDOM.render(title, document.getElementById('root'))
其中的h1标签自动生成了几个空格,且显示了以下几个错误:
1、JSX 元素“h1”没有相应的结束标记。ts(17008)
2、应为标识符。ts(1003)
3、应为“>”。ts(1005)
4、意外的标记。你是想使用 {'>'} 还是 >?ts(1382)
5、应为“</”。ts(1005)
请问是没有安装什么插件导致的吗?

  • 写回答

4条回答 默认 最新

  • 崽崽的谷雨 2022-07-25 17:06
    关注

    Reactjs code snippets

    Simple React Snippets

    插件 装上试试

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 8月31日
  • 已采纳回答 8月23日
  • 创建了问题 7月25日

悬赏问题

  • ¥15 买了个传感器,根据商家发的代码和步骤使用但是代码报错了不会改,有没有人可以看看
  • ¥15 关于#Java#的问题,如何解决?
  • ¥15 加热介质是液体,换热器壳侧导热系数和总的导热系数怎么算
  • ¥100 嵌入式系统基于PIC16F882和热敏电阻的数字温度计
  • ¥15 cmd cl 0x000007b
  • ¥20 BAPI_PR_CHANGE how to add account assignment information for service line
  • ¥500 火焰左右视图、视差(基于双目相机)
  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化