ionic2 - template - Plantilla de Ionic 2 Visual Studio: la recarga en vivo no funciona

ionic visual studio 2017

Question

Descargué e instalé la última versión de las plantillas de Visual Studio Ionic 2 para Visual Studio Tools para Apache Cordova. Estoy usando Visual Studio 2017 Professional.

Para mi frustración, descubrí que la función de recarga en vivo de Cordova no funciona en absoluto. Cuando modifico HTML, la única forma de que Cordova Simulate refleje estos cambios es detener la depuración y volver a implementar el proyecto, lo que lleva una cantidad considerable de tiempo y hace que el flujo de trabajo de desarrollo sea un verdadero dolor.

Otro problema ocurre cada vez que hay más de un proyecto iónico en progreso. Descubrí que debido a que Ionic utiliza el mismo puerto para la implementación, cuando se lanza uno de los proyectos, la aplicación lanzada se confunde en cuanto a la aplicación que estoy solicitando y, a menudo, muestra la otra aplicación en lugar de la que yo quiero.

¿Algunas ideas?

Answer 1

Debe configurar manualmente la tarea de "vigilancia" para que se inicie cuando se abra el proyecto. Agregue el siguiente campo:

"ProjectOpened": [ "watch" ]

al objeto "-vs-binding" en su paquete. json.

Creo que se suponía que estaba allí por defecto (al momento de la creación del proyecto), pero no es así. Además, podría intentar configurarlo a través de Task Runner Explorer, pero tampoco funcionó (al menos para mí).

Además, no olvide volver a abrir su solución después de ese cambio.

Answer 2

Por favor, vea la respuesta de @ scale_tones para una parte de la respuesta.

Investigué más sobre esto y descubrí que había que dar un paso adicional para resolver el problema. Resultó que se implementó una solución para este problema, pero parece que no se ha lanzado en ningún lugar hasta donde puedo ver.

Sin embargo, es posible aplicar la corrección manualmente. Para hacer eso, sigue estos pasos:

1) Copia el contenido del archivo watcher.js de Github aquí

2) Use su explorador de archivos para buscar el archivo watcher.js en su máquina. En mi máquina, el archivo estaba ubicado en la siguiente ubicación:

C: / ProgramData / Microsoft / VisualStudio / MDA / a43fc8f0 / taco-toolset-6.3.1 / node_modules / cordova-simulate / src / server / live-reload

Reemplace el archivo watcher.js con el de Github. Esto solucionó el problema para mí, y la recarga en vivo ahora funciona para mí.