Los archivos de fuentes de tipo mecanografiado no se muestran en Ionic 2 en un dispositivo Android

google-chrome typescript

Question

Me enfrento a un extraño comportamiento Ionic2. Cuando despliego mi aplicación a un simulador, puedo ver el archivo .ts sourceMap en el depurador de inspección de Chrome.

En ambos casos, uso:

ionic run android

Por otro lado, cuando despliego mi apk en un dispositivo real, la pestaña "Fuentes" es completamente diferente con otros grupos de directorios y, sin referencia a mis archivos .ts.

Mi entorno es:

• OS X 10.11
• Ionic 2 2.0.0-beta.35
• cordova 6.3.0

El proyecto ha sido generado inicialmente por:

ionic start biblio tutorial --v2

ionic.config.json

{
  "name": "biblio",
  "app_id": "",
  "v2": true,
  "typescript": true
}

tsconfig.json

 {
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true
  },
  "filesGlob": [
    "**/*.ts",
    "!node_modules/**/*"
  ],
  "exclude": [
    "node_modules",
    "typings/global",
    "typings/global.d.ts"
  ],
  "compileOnSave": false,
  "atom": {
    "rewriteTsconfig": false
  }
}

¿Algunas ideas?

Answer 1

Para mí, el problema fue que cuando se realiza una depuración remota en un dispositivo Android, el depurador de Chrome no puede acceder al archivo de mapa fuente en el dispositivo. La solución / solución es incluir el mapa fuente en línea. Para hacer esto I:

se agregó lo siguiente a package.json en el directorio raíz del proyecto

"config": {
"ionic_bundler": "webpack",
"ionic_source_map_type": "#inline-source-map"
},

Esto es para hacer que el paquete web para agregar mapas fuente cambie la línea tsconfig.js en línea

"sourceMap": true,

a

"sourceMap": false

Esto es para desactivar el texto mecanografiado para crear un archivo de mapa fuente, ya que esto se hace mediante un paquete web.

Después de este cambio, todo parece estar funcionando bien. Tenga en cuenta que esto se aplica a iones 2 RC_04