Prettier 弄乱了 jsx 片段

2024-02-20

function App() {
    
      return (
       <>
        <
        Navbar / >
        <
        Users / >
       </>
      );
    }

按 ctrl+ 将更改保存到

function App() {

  return ( <
    >
    <
    Navbar / >
    <
    Users / >
    <
    />
  );
}

当我将鼠标悬停在片段上时,它显示“JSX 片段没有相应的结束标记。”

我尝试再次安装 prettier,但没有帮助


你必须安装Prettier plugin并禁用beautify插件或您在 VS Code 中预安装的任何其他代码格式化程序。

这可能会帮助您解决当前的问题。发生这种情况是因为两个插件的工作方式不同,并且保持两个插件都启用会在保存时反映我们的甲酸盐。 禁用美化并安装 Prettier 插件可以帮助我们实现所需的输出。

您可以找到 Prettier 插件(here https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode).

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Prettier 弄乱了 jsx 片段 的相关文章

  • 使用 Javascript 实现 Tinder 风格的拖放手势?

    我正在尝试找出哪些库可以用于仅使用 Javascript 的 Tinder 风格拖放手势 需要创建一个响应拖动手势的 HTML 元素 触摸并按住时 允许元素跟随用户的手指移动 当用户移开手指时 该元素会 动画回到原来的位置 如果元素在释放时
  • 整个页面都是玻璃板

    有没有一种简单的方法可以在整个 HTML 页面上拥有一个 玻璃窗格 而不管缩放 幻灯片事件 平台 浏览器 移动 桌面 我所说的 简单 是指纯 CSS 支持 而不是插件 后备 插件建议也可能有用 Thanks 如果您只是指所有内容之上的一层
  • 如何根据另一个动态下拉列表的值创建动态下拉列表?

    我有一个下拉菜单 当我选择一个选项时 它会创建一个动态下拉菜单 到目前为止 一切都很好 但我想创建另一个动态下拉列表 现在基于另一个动态下拉列表的值 我该怎么做 第一个动态下拉列表有效 我猜第二个无效 因为动态变量 div 没有静态 ID
  • Chart.js - 如何将数组集合推入数据集

    我一直在尝试多种方法将数组集合推送到数据集中 任何人都可以帮助我根据下面的代码将数组推入堆积图表中 这是例子 Codepen 堆叠栏 https codepen io narendrajadhav pen abzpWam JavaScrip
  • 如何更改点击事件上的引导插入符指向方向

    我正在使用 2 3 2 引导程序 因为当我单击菜单按钮时 我可以更改插入符号图标的位置 我需要当我单击图标插入符号向上时 当您单击另一个项目时 插入符号返回到初始状态 这怎么可能 导航代码 div div class container d
  • 将 javascript 放在 header 之外有多糟糕?

    这个问题几乎已经说明了一切 我开始添加一些功能到我的周末项目 http www my clock net 对于我和几个朋友来说 这是一个小应用程序 因为我们是交换生 所以它对我们来说有点有用 但事情是这样的 我在 php 中执行此操作并使用
  • jQuery 中如何判断 JSON 对象是否为空

    我有以下 JSON meta limit 20 next null offset 0 previous null total count 0 objects 我对对象感兴趣 我想知道对象是否为空并显示警报 像这样的东西 success fu
  • 从对象获取数据 - 我看到数据但无法保存它们

    正如你所看到的 我是新来的 我确实尝试过搜索 但没有找到解决我问题的方法 所以这是我的问题 如果我这样做 console log grid data kendoGrid data 这在控制台中显示如下 所以我明白这一点 有一个数组和一个带有
  • 对函数而非组件做出延迟加载反应

    我正在开发一个 React v16 应用程序 需要加载一个重型 IMO 库来导出 xlsx 数据 我正在使用功能组件 挂钩 我了解并使用过
  • 上传前如何检查图片的宽度和高度

    对于图片上传 我编写了以下 html 代码
  • 如何从Web JavaScript应用程序获取桌面C#程序中的变量

    我遇到一个问题 有两个应用程序 一种是 C 中的桌面应用程序 另一种是 javascript 中的 Web 应用程序 运行桌面应用程序中的一些变量或信息需要传输到Web应用程序 有谁知道如何解决这个问题 有人愿意提供更多细节来解决这个问题吗
  • Webpack:如何将 javascript 注入 HTML 而不是单独的 JS 文件

    有没有办法让 webpack 将输出注入 HTML 而不是单独的文件 我不得不使用html webpack inline source plugin https github com DustinJackson html webpack i
  • 如何在 Next.js 中正确使用 Mongoose 模型?

    我正在使用 TypeScript 和 MongoDB Mongoose 构建 Next js 应用程序 我在使用 Mongoose 模型时开始遇到错误 这导致它们在每次使用模型时都尝试覆盖模型 导致模型覆盖错误的代码 import mong
  • 单击时突出显示文本(javascript jquery html)

    当您在所有浏览器中双击某个单词时 它们会自动突出显示单击下的单词 但是否有可能找到一种方法exact单击一下就会发生同样的事情吗 我想这涉及到的事情可能是 TextRange 的东西 对所有段落 或整个正文或 div 的 onclick 做
  • D3 时间解析返回 null

    根据此页面上的说明 https github com mbostock d3 wiki Time Formatting https github com mbostock d3 wiki Time Formatting我正在尝试解析 ISO
  • jQuery 单击附加元素不起作用

    我有一个数组 我正在从 Array 获取数据并在 jQuery Append to list 中使用它 但是当我单击列表项时 它只显示最后一个元素 var array 1 2 7 3 4 8 5 6 9 for var i 0 i lt a
  • onClick 事件适用于触摸屏设备上的触摸吗?

    我用过onclick我的网站上的活动 但是 当我在谷歌浏览器的开发人员模式移动视图中打开它时 触摸使用鼠标单击的元素没有任何反应 所以我的问题是 我还必须添加吗ontouch事件连同onclick事件或 onClick 事件适用于所有触摸屏
  • .parents() 没有 jquery - 或 querySelectorAll 为父母[重复]

    这个问题在这里已经有答案了 可能的重复 使用 matchesSelector js 检查 event target parentElement https stackoverflow com questions 12977658 check
  • Antd select 元素:如何禁用输入?

    我正在尝试使用模式 multiple 的选择元素 我希望禁用输入 这意味着用户只能在现有选项之间进行选择 而不能输入文本 我该怎么做呢 我的元素 import Select from antd import antd dist antd c
  • 在 Map() 的条目上使用 Promise.all

    我正在使用 Map 来表示一些键 值对 let myMap new Map myMap set foo bar myMap set foo2 bar42 对于每个 Map 条目 我执行一个返回 Promise 的函数 所有这些 Promis

随机推荐

  • Wordpress EC2 上的永久链接

    我刚刚将我的博客从本地网络服务器转移到 Amazon EC2 Free Linux 服务器 现在除了永久链接之外一切似乎都正常 我禁用并重新启用它们 但它仍然中断 我尝试过运行脚本 sudo a2enmod rewrite 但它说 a2en
  • 又名获取计划。又名获取组。 QueryDSL 中的实体图

    我无法找到任何在 QueryDSL 中实现获取计划的方法 我尝试了很多 你能为我提供任何提示吗 另外 您是否知道在不同情况下选择要获取哪些字段以及延迟加载哪些字段的更好方法 我使用批量获取 因此无法使用 JOIN FETCH 使用这样的 E
  • 选择包含日语字符的 MySQL 行

    有人知道一种可靠的方法 使用 mySQL 或其他方式 来选择数据库中包含日语字符的行吗 我的数据库中有很多行 其中一些仅包含字母数字字符 其中一些包含日语字符 当您遇到字符集问题时的规则 创建数据库时使用utf8编码 CREATE DATA
  • webpack 从多个入口文件导出类

    我正在使用 webpack 捆绑一个框架供第三方使用 该框架应该公开多个 ES6 类 我以模块化方式构建 每个文件编写一个类 我想要做的是将所有这些文件构建在一起 并将它们捆绑在给定的 命名空间 下 例子 苹果 jsexport class
  • 从字符串获取python类对象[重复]

    这个问题在这里已经有答案了 可能的重复 Python 中的动态模块导入 https stackoverflow com questions 301134 dynamic module import in python 可能是一个简单的问题
  • 运行 Maven 安装时如何跳过许可证检查?

    I ran a mvn clean install在我从事的一个大型 Java 项目中 由于某些文件没有正确的许可证头 该项目一直失败 好吧 这不是我现在关心的问题 我该如何跳过呢 我看到的实际错误是 Failed to execute g
  • 计算 Java 函数的签名

    有没有办法computeJava 类的方法的签名 一个签名 like Ljava lang String V表示一个函数 它采用String 作为论据并返回void 什么是rule计算签名 它始终是一组括号 其中包含参数的类型指示符 一个接
  • 如何使用 Grand Central Dispatch 并行化数独求解器?

    作为编程练习 我刚刚编写了一个使用回溯算法的数独求解器 请参阅维基百科 http en wikipedia org wiki Algorithmics of sudoku Example of a brute force Sudoku so
  • python中如何检查变量是否为空?

    我想知道python是否有任何函数 例如php空函数 http php net manual en function empty php 它检查变量是否为空并符合以下条件 an empty string 0 0 as an integer
  • Git 在提交之前存储特定文件

    我不确定我正在寻找的是不是git stash但这就是我想做的 我有为本地使用定制的配置文件 这些文件已经存在于 Git 中 现在 如果我添加新功能 更改其他文件 我想存储我的配置并点击提交 并且仅提交与我的新功能相关的文件 如果我使用 gi
  • ASP.NET Core如何执行Linux shell命令?

    我在 Linux 上有一个 ASP NET Core Web 应用程序 我想执行 shell 命令并从命令中获取结果 有没有办法从 ASP NET Core 应用程序中执行 Linux shell 命令并将值返回到变量中 string Ru
  • 我可以将变量设置为未定义或将未定义作为参数传递吗?

    我对 JavaScript 有点困惑undefined and null values 什么是if testvar 实际上呢 它是否测试undefined and null要不就undefined 一旦定义了变量 我可以将其清除回undef
  • 过滤后的 CollectionView 给出错误的计数

    根据文档 http msdn microsoft com en us library system windows data collectionview count aspx 过滤后的 CollectionView 的 Count 应该只
  • jQuery 将输入类型=文本更改为文本区域

    我有一个隐藏字段 在放置事件之后 它需要转换为 文本区域 This excerpt parent find excerpt attr type textarea excerpt val textarea 产生的 属性无法更改 error 这
  • 如何创建自定义魔法文件数据库

    Unixfile命令使用 神奇 文件数据库来确定文件包含的数据类型 而与文件名或扩展名无关 我需要制作自定义魔法数据库用于测试目的 但我无法找到如何创建一个数据库 You can man magic有关如何创建您自己的魔法文件的说明 然后使
  • 与 shell 通配符和正则表达式的混淆

    发起人为reply https stackoverflow com questions 1320721 postgres regex and nested queries something like unix pipes 1322144
  • 无法将类型“System.Drawing.Image”隐式转换为“System.Drawing.Bitmap”`

    声明了一个位图 private Bitmap img1 null private Bitmap img2 null 选择图像后将被放置打开文件对话框 选定的图像被放置在一个数组中 imgName openFD FileNames 然后按钮1
  • firestore:权限缺失或不足

    我在登录时使用角色 允许读取 写入 if request auth uid null 我获取数据没问题 但是当我注销用户时 我收到错误 缺少权限或权限不足 首先我认为这是因为我没有取消订阅我尝试过的 Observable rxjs oper
  • Android Renderscript Allocation.USAGE_SHARED 崩溃

    我在运行使用渲染脚本的应用程序时发生崩溃 不幸的是 logcat 没有给出任何具体细节 b Bitmap createBitmap ib getWidth ib getHeight ib getConfig Allocation mInAl
  • Prettier 弄乱了 jsx 片段

    function App return lt gt lt Navbar gt lt Users gt gt 按 ctrl 将更改保存到 function App return lt gt lt Navbar gt lt Users gt l