reactjs 内置代码段在React的VS代码中不起作用

8cdiaqws  于 2023-01-08  发布在  React
关注(0)|答案(9)|浏览(248)

我用VS代码编写了一个React页面。
突然间,一些像rfce这样的代码片段开始不工作了,尽管它从来没有给我带来过问题。

之前的照片

现在的照片

我最近所做的只是将react-router-dom更新到版本5.2.0和npm install

sqougxex

sqougxex1#

React代码片段不是内置的,例如,它来自extension
请确保已安装并启用了它,并且您正在使用的文件具有正确的文件扩展名,以便它们能够正常工作。

ctehm74n

ctehm74n2#

我也经历了同样的事情。你可以试着卸载,然后再安装extension

xdnvmnnf

xdnvmnnf3#

你所说的那些React代码片段不是内置的,这些代码片段来自一个扩展。那个扩展停止为你工作了,因为你可能改变了你的一些设置。
1.请确保您已安装并启用它,并且您正在使用的文件具有正确的文件扩展名,以便它们能够正常工作(尝试:.jsx和.tsx)。
1.如果他们仍然不工作,这是我的情况也,检查您的设置,因为一些设置可以干扰,使扩展停止工作。
1.打开settings.json的方式:CTRL + SHIFT + p,键入:请选择:“打开设置(JSON)
1.如果以下设置与我的设置不同,请检查settings.json文件:

"editor.snippetSuggestions": "top",     /*make sure this is NOT "none"*/
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "editor.quickSuggestions": {
      "other": true,
      "comments": false,
      "strings": true
    },
    "editor.wordBasedSuggestions": true,
    "html.suggest.html5": false,
    "typescript.suggest.paths": false,
    "javascript.suggest.paths": false,

作为快速实验,你可以复制整个代码,粘贴在settings.json的末尾,保存它,重新启动VSC。
如果它解决了您的问题,您可以逐个对命令进行排序,以找出导致您的问题的原因。

l7wslrjt

l7wslrjt4#

如果在Windows上,使用-rfce而不是_rfce。这对我很有效!

6mzjoqzu

6mzjoqzu5#

1.如果使用与Rfce.js相同的文件名,则可能无法正常工作
1.确保文件具有js、ts等扩展名,
1.从VSCode扩展卸载和安装React代码段可能会起作用。
1.转到首选项-设置-扩展-搜索React Snippet并检查值是否正确签入。

sxissh06

sxissh066#

看起来React代码段工作不正常,尝试手动下载并通过link to the vss file安装,现在从扩展部分的Vss选项安装

5w9g7ksd

5w9g7ksd7#

我不得不卸载代码片段扩展我有这是:
es6/es 7 v2.0.6的React-本机/React/Redux代码片段,通过:埃昆 perl
我用了扩展名:ES 7 React/Redux/GraphQL/React原生代码片段v1.9.3,由以下人员编写:罗德里戈瓦拉德斯

b0zn9rqh

b0zn9rqh8#

启动快速打开:

  • 操作系统:Ctrl+P
  • macOS:P
  • 窗口:Ctrl+P

粘贴以下命令并按Enter键:

ext install dsznajder.es7-react-js-snippets
snvhrwxg

snvhrwxg9#

我觉得你很不幸地卸载了它。
你必须安装。

ES7+ React/Redux/React-Native snippets

在visual studio中希望它能工作

相关问题