0
262
VistasEjecutando el modo de desarrollo nextjs con CSP y "style-src" con nonce
No puedo ejecutar el modo de desarrollo nextjs con el CSP "style-src" activo. Actualmente solo me quedan 2 errores, pero estos afectan mi flujo de desarrollo:
Creo que estos 2 errores serían el estilo para la visualización de errores en el modo de desarrollo y la rueda de actualización.
¿Hay alguna manera de arreglar esto (agregando nonce o algo así). Quiero tener el mismo CSP para el desarrollo que para la producción para no producir errores de CSP después de la compilación. (es decir, usando el estilo en línea en alguna parte). Si tengo que usar "inseguro en línea" para el desarrollo, no se me notificará hasta que se construyan e implementen los cambios.
Usar __webpack_nonce__ tampoco ayuda.
Parece que los scripts intentan inyectar un elemento <script> en el dom, pero no respetan __webpack_nonce__ . ¿Hay alguna manera de forzar la inyección en cada elemento?
1 Respuestas
Responde la pregunta0
Con solo los mensajes de error para trabajar, asumo que el código está insertando una etiqueta de estilo o un atributo de estilo. Los atributos no son nobles y tampoco funcionarán con hash en muchas (o todas) implementaciones de navegador. Si es una etiqueta de estilo, es probable que la configuración del módulo no admita nonces. Intente insertar el hash proporcionado en el mensaje de error. Si hay variaciones en el estilo, es posible que tenga que agregar múltiples hashes. Si necesita seguir agregando hashes durante mucho tiempo, la ruta hash no es para usted. Si estos hashes no son necesarios en la producción, tampoco hacen daño, excepto que requieren un poco de ancho de banda.
Si necesita recurrir a 'inseguro en línea' en general, esto no es muy malo para style-src si restringe otras partes de su CSP, según https://scotthelme.co.uk/can-you-get -pwned-con-css/ .