La aplicación electrónica no encuentra CSS / JS incluido en el paquete

Tengo una aplicación web HTML5 que estoy empaquetando a través de Electron. Estoy empaquetando via gulpelectron.

El problema que tengo es que cuando se construye la aplicación y la ejecuto, no se está cargando ninguno de los archivos CSS o JS que se mencionan en el archivo index.html.

Puedo ver que los activos se incluyeron en la comstackción y son parte del paquete .app en la carpeta: myapp.app/Contents/Resources/app/.

De hecho, si cd a ese directorio y ejecuto un servidor web de nodo (httpster), la aplicación funciona bien de esa manera.

Aquí es cómo se hace referencia a mi CSS / JS:

                              

He intentado cambiar la ruta para no incluir el ‘./’ antes de que las carpetas a las que se hace referencia no tengan efecto.

Mi tarea electrónica de Gulpfile se ve así:

 gulp.task('electron', function() { gulp.src("") .pipe(electron({ src: './app', packageJson: packageJson, release: './release', cache: './cache', version: 'v0.36.10', packaging: true, platforms: ['win32-ia32', 'darwin-x64'], platformResources: { darwin: { CFBundleDisplayName: packageJson.name, CFBundleIdentifier: packageJson.name, CFBundleName: packageJson.name, CFBundleVersion: packageJson.version, icon: './app/gulp-electron.icns' }, win: { "version-string": packageJson.version, "file-version": packageJson.version, "product-version": packageJson.version, "icon": './app/gulp-electron.ico' } } })) .pipe(gulp.dest("")); }); 

La estructura de la carpeta de mi aplicación se ve así:

introduzca la descripción de la imagen aquí

Lo frustrante es que he usado esta configuración exacta en otro proyecto y el ejecutable funciona bien, y es capaz de alcanzar todos los activos agrupados en el paquete .app bien.

Resulta que hubo algunos problemas con los caminos.

Primero, el CSS usaba rutas relativas para hacer referencia a las imágenes. Cambiar esto a caminos absolutos hizo el truco. Este fue el mismo problema para las directivas. Cambiar las rutas relativas con rutas absolutas hizo el truco allí.

Finalmente, los archivos CSS y JS reales que no se están cargando parecen ser porque en el index.html principal había esto:

   

Que estaba jugando con las cosas. Eliminar eso permitió que el CSS y JS se cargaran correctamente.