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

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日