Как отладить приложение React в Visual Studio 2019 с помощью шаблона Blank Node.js - PullRequest
0 голосов
/ 06 ноября 2019

Я выполнил шаги , описанные в этом посте , и успешно создал приложение React в Visual Studio из «Пустого веб-приложения Node.js».

Все работает, кроме отладки из VS!

Я также следовал этой статье Microsoft здесь , которая точно описывает, что я хочу сделать !!! - Он рассказывает, как «настроить приложение реагирования в Visual Studio с помощью шаблона веб-приложения узла». В этой статье они показывают, что отладка работает, но у меня она не работает.

Я использую стандартную команду npm для создания приложения в каталоге решений Visual Studio. Я создал пакетный файл, который делает тяжелую работу за меня.

npx create-react-app ssm-app --typescript

На данный момент все работает нормально, и я даже могу взаимодействовать с пакетами NPM из VS.

enter image description here

Я даже установил NPM Task Runner внутри Visual Studio, которая позволяет запускать команды (такие как Start) из package.json.

enter image description here

Все работает , кроме отладка изнутри Visual Studio!

Затем я попытался подключитьКнопка «Начать отладку» в VS, чтобы присоединить к ней команду npm start.

enter image description here

Я сделал это, добавив, найдя эту статью Microsoft о том, как продлить процесс сборки. Я добавил следующий код в файл проекта, который работает, может вызвать npm start для меня.

  </ProjectExtensions>
    <Target Name="AfterBuild">
         <Exec Condition="'$(EnableTypeScript)' == 'true'" Command="npm start" />
    </Target>
</Project>

Это вроде работает и запускает веб-браузер и запускает приложение, но панель инструментов Visual Studio просто зависает. Я думаю, это потому, что npm start еще не вышел. Я попытался изменить команду на call npm start, но она все еще зависает на панели инструментов.

enter image description here

Обычно при запуске отладчика панель инструментов меняется, и выможно увидеть кнопку остановки, как показано ниже. Этого никогда не случится

visual studio stop button

Любая помощь будет принята с благодарностью. Я делаю что-то не так или я подхожу к этому не с того угла?

Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...