Estoy tratando de crear un proyecto de Visual Studio Code desde un sitio web existente y no puedo hacer que IntelliSense funcione correctamente. Este es un sitio web puro de HTML5/JavaScript ES5. Quiero usar VSCode para editar y depurar en el navegador Chrome. Esta es nuestra estructura de directorio existente:
web/ Product1/ index.html main.js ui.js Product2/ index.html main.js ui.js lang/ lang_en.js (other language files) lib/ (third party js files) shared/ shared1.js shared2.js (other shared js files)Usamos un compilador de javascript para representar cada producto en un archivo index.html.gz e incrustamos ese archivo en nuestros productos para que lo sirva nuestro servidor web interno.
Instalé VSCode y creé un archivo de espacio de trabajo en web/. También creé jsconfig.json en web/Product1/. Este es el contenido de jsconfig.json:
{ "compilerOptions": { "module": "commonjs", "target": "es6" }, "include": [ "../images/*", "../lang/*", "../lib/*", "../shared/*" ] }Abro shared1.js en el editor y hago clic derecho en un objeto que está definido en shared2.js y selecciono "Ir a definición", obtengo "No se encontró definición para 'objeto'". Si abro shared2.js y paso el cursor sobre la definición del objeto, aparece un breve mensaje "(cargando...)". Una vez que haga eso, VSCode "Ir a definición" funcionará entre esos archivos. Si salgo de VSCode y vuelvo a abrir el espacio de trabajo, no puede encontrar el objeto hasta que repita esta secuencia. Hay muchas referencias de Google a este problema, pero la mayoría brinda soluciones que involucran a Node.js o Typescript. Nada parece funcionar.
¿Cómo hago para que esto funcione siempre?