2015-12-04 3 views
1

Когда я пишу код реакции в коде Visual Studio, он показывает мне ошибку. Как я могу избавиться от этих ошибок?Как я могу написать код React.js в коде Visual Studio?

Спасибо заранее,

Amala

+0

В настоящее время в VSC не поддерживается поддержка раскраски элементов JSX: https://visualstudio.uservoice.com/forums/293070-visual-studio-code/suggestions/7752528-jsx-support –

ответ

2

Перейти к Файл-> Настройки -> Настройки рабочего пространства

Затем введите следующие строки в файле settings.json

{ 
    "javascript.validate.enable": false 
} 
+0

он работал, если 'javascript .validate.enable 'is' false': D – mayognaise

+0

спасибо @mayognaise .. это была опечатка .., исправлено сейчас – manish

+0

Проблема в том, что он не будет проверять какой-либо код. Даже если вы являетесь гуру, иногда эти проверки помогают вам вызывать раздражающие небольшие ошибки, такие как забывание двоеточия или использование одинарных кавычек, когда React требует двойной кавычки и наоборот. – raphie

0

Шаг 1:

Нажмите CtrlСдвигX
Это показывает расширения экрана.

Или

навигация расширения экрана вручную

Шаг 2:

Искать JSX Extension. и после результата установки устанавливается расширение с именем jsx.

затем визуальный код Studio, не отображающий ошибку на элементе html.

0

Прежде всего, убедитесь, что вы установили все расширения для VS Code для правильной окраски кода и удара по React.js, я думаю, что и React-Native расширений работают.

Если НПМ установлен в вашей системе установки eslint

npm install -g eslint 

Существует прохладный добавить к настройке eslint правильно ударять JSX и вам необходимо установить его в каталоге проекта. Перейдите в каталог проекта на терминале, или открыть внутренний терминал на VS кодекса с проектом открытым и введите:

npm install --save eslint-config-rallycoding 

После установки этого пакета я предлагаю создать .eslintrc файл в корневом каталоге вашего проекта , Это должно быть надлежащим JSON отформатированный код:

{ 
    "extends": "rallycoding" 
} 

сохранить файл, а затем перезапустить VSCode, на всякий случай. Это должно исправить эти ошибки. Пакет конфигурации ESLint принадлежит Stephen Grider, довольно уверенный в использовании с открытым исходным кодом, но, на всякий случай, дает кредит, и я нашел его в действительно хорошем учебнике по React-Native и Redux.

The Complete React Native and Redux Course

0

Я была такая же проблема, и я установил его, сохранив файл в качестве .jsx.

Я пробовал все предложения здесь, но никто не работает, если файл сохраняется как.js (я думаю, это то, что вы испытываете).

Я надеюсь, что лучшее исправление доступно где-то, как на данный момент.

Смежные вопросы