Ionic-framework: PostCSS podría generar un error de mapa de origen incorrecto

Creado en 4 ene. 2018  ·  27Comentarios  ·  Fuente: ionic-team/ionic-framework

Versión iónica: (marque una con "x")
(Para problemas de Ionic 1.x, utilice https://github.com/ionic-team/ionic-v1)
[] 2.x
[x] 3.x
[] 4.x

Estoy enviando un ... (marque uno con "x")
[x] informe de errores
[ ] solicitud de función

Por favor, no envíe solicitudes de soporte o preguntas de "Cómo" aquí. En su lugar, utilice uno de estos canales: https://forum.ionicframework.com/ o http://ionicworldwide.herokuapp.com/

Comportamiento actual:
Si creamos una nueva aplicación usando su iniciador en blanco o cualquier otra plantilla que construya la aplicación de Android, nos encontramos con este error.

[16:52:18]  sass started ... 
Witout `from` option PostCSS could generate wrong source map or do not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning
[16:52:19]  sass finished in 1.13 s 

Comportamiento esperado:
El mensaje de error no debe ser

Pasos para reproducir:
Cree una nueva aplicación en blanco usando
ionic start postcss
construye la aplicación de Android haciendo
ionic cordova build android

y puede ver el registro con el mensaje de advertencia o error

[16:57:54]  sass started ... 
Witout `from` option PostCSS could generate wrong source map or do not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning
[16:57:55]  sass finished in 793 ms 

Información iónica: (ejecute ionic info desde un indicador de terminal / cmd y pegue el resultado a continuación):

cli packages: (/usr/lib/node_modules)

    @ionic/cli-utils  : 1.19.0
    ionic (Ionic CLI) : 3.19.0

global packages:

    cordova (Cordova CLI) : 8.0.0 

local packages:

    @ionic/app-scripts : 3.1.6
    Cordova Platforms  : android 7.0.0
    Ionic Framework    : ionic-angular 3.9.2

System:

    Android SDK Tools : 26.1.1
    Node              : v8.9.4
    npm               : 5.6.0 
    OS                : Linux 4.13

Environment Variables:
    ANDROID_HOME : /abcdef/android/sdk

Misc:
    backend : legacy
v3

Comentario más útil

Hasta que esto se solucione, una posibilidad es revertir algunos parches antes de que se introdujera el error:

npm i -D -E [email protected]

CHANGELOG.md de PostCSS

6.0.16
Corrija el texto de advertencia (por Michael Keller).
6.0.15
Agregue una advertencia sobre la opción perdida de en el proceso (). Luego () llame.
Agregue soporte para IE 10.

https://github.com/postcss/postcss/blame/master/lib/lazy-result.es6#L192

En el: package.json de ionic-app-scripts
este "postcss": "^6.0.13" instala también el nuevo parche 6.0.15 , que tiene la nueva advertencia.

Todos 27 comentarios

Como dice la advertencia:

Sin la opción from , PostCSS podría generar un mapa fuente incorrecto o no encontrar la configuración de Browserslist. Configúrelo en la ruta del archivo CSS o en undefined para evitar esta advertencia

Agregué el campo from y lo configuré como indefinido y creé una solicitud de extracción.

https://github.com/StefanRein/ionic-app-scripts/blob/29873ae96611ae209ca4b065fd9940d6b7b96bda/src/sass.ts#L285

Esto resuelve esta advertencia. Pero no sé si esto tiene más consecuencias y el equipo de Ionic necesita completar una ruta al archivo css generado o algo así.

@danbucholtz ¿Podría revisar esto por favor? Nuestras compilaciones automatizadas están fallando debido a esto.
(La "advertencia" se interpreta como un error ..)

Editar: PostCSS usa en última instancia console.warn, pero esto va en el nodo a la tubería stderr y nuestro TeamFS falla.

stderr se utiliza para la salida de advertencia o error. Fuente

Hasta que esto se solucione, una posibilidad es revertir algunos parches antes de que se introdujera el error:

npm i -D -E [email protected]

CHANGELOG.md de PostCSS

6.0.16
Corrija el texto de advertencia (por Michael Keller).
6.0.15
Agregue una advertencia sobre la opción perdida de en el proceso (). Luego () llame.
Agregue soporte para IE 10.

https://github.com/postcss/postcss/blame/master/lib/lazy-result.es6#L192

En el: package.json de ionic-app-scripts
este "postcss": "^6.0.13" instala también el nuevo parche 6.0.15 , que tiene la nueva advertencia.

¿Fue esto arreglado?

@thezakman Todavía no. El tema está abierto. La advertencia todavía existe.

busque el archivo sass.js. en /node_modules/@ionic/app-scripts/dist/sass.js.
busque var postcssOptions y agregue desde: undefined,

Finalmente debería ser así:
var postcssOptions = {
de: indefinido,
a: path_1.basename (sassConfig.outFile),
map: autoPrefixerMapOptions
};

https://github.com/ionic-team/ionic-app-scripts/pull/1364#issuecomment -358557878

No debe modificar ningún archivo en el directorio node_modules. Si actualiza paquetes, vuelva a instalarlos, instalándolos en un nuevo proyecto, todas las modificaciones desaparecerán.

Utilice la sugerencia anterior por ahora.

Resuelvo el problema usando esto (gracias también a @AlbenJohn)
https://stackoverflow.com/a/48315414

¿Alguna solución a esto?

Si bien no está rompiendo mis compilaciones, esta advertencia también aparece para mí. Esta es una solución rápida de una línea, ¿ya existe una solicitud de extracción para esto?

@ johnroper100 Sí y fue aprobado (está vinculado arriba).

Editar: los archivos de mapa funcionan correctamente.

Esta advertencia todavía aparece.

Esta advertencia todavía aparece.

Esta advertencia todavía aparece.

@JosepAlacid @Veyhunk @ajmalhassan intenta usar la solución que sugirió @hanifmazlan . Realmente funciona para mí. https://stackoverflow.com/a/48315414/3288671

Es cierto que lo hace, pero como sugiere @StefanRein , todavía está lejos de cualquier entorno similar a la producción. mejor evitar node_modules. Todavía estoy esperando una solución adecuada. ¿Alguna actualización del equipo Ionic?

Esta advertencia todavía aparece.

Esta advertencia todavía aparece.

Esta advertencia todavía aparece.

Esta advertencia todavía aparece.

Esta advertencia todavía aparece.

Por favor deje de. Esto no ayuda de ninguna manera.
Este es un proyecto de código abierto. Si la gente tiene tiempo, lo arreglarán.
Hay soluciones mencionadas anteriormente para corregir la advertencia.

Aunque no quiero hablar en nombre del equipo de IONIC, siento que es necesario decir algo aquí:

Este problema no se acerca a la resolución en proporción a la cantidad de comentarios que dicen "Esta advertencia todavía aparece". / "Cualquier actualización sobre esto" / "Cualquier solución para esto" / etc.

Si está atascado, lea el hilo; hay una solución que, como su nombre indica, lo ayudará a trabajar. Si desea recibir actualizaciones sobre esto, guarde algunas pulsaciones de teclas haciendo clic en el botón 'Suscribirse', que le permite recibir actualizaciones en su correo electrónico. También recibirás actualizaciones cada vez que alguien comente "¿Alguna actualización sobre esto?", Así que, por favor, no seas esa persona.

Esta advertencia todavía aparece.

@jhonnhenry amigo, ¿en serio? Lo sabemos, el problema aún está abierto. Simplemente suscríbete y sigue tu camino ...

Si insiste en dejar un comentario, ayúdenos a ser más productivos brindándonos información sobre las versiones que está ejecutando.

Encontré esta solución

Primero busque el archivo sass.js en /node_modules/@ionic/app-scripts/dist/sass.js. dentro de la búsqueda var postcssOptions y agregue desde: undefined,

Finalmente debería ser así:

var postcssOptions = {
de: indefinido,
a: path_1.basename (sassConfig.outFile),
map: autoPrefixerMapOptions
};

https://stackoverflow.com/questions/48162738/without-from-option-postcss-could-generate-wrong-source-map-or-do-not-find-bro

Aún recibí su advertencia. Saltar a node_modules no es serio :: /

¡Gracias por el problema! Hemos movido el código fuente y los problemas de Ionic 3 a un repositorio separado. Voy a mover este problema al repositorio de Ionic 3. Por favor, haga un seguimiento de este problema allí.

¡Gracias por usar Ionic!

¿Fue útil esta página
0 / 5 - 0 calificaciones