Ambos archivos de script index.js y exam.js están vinculados respectivamente a index.html y exam.html. pero el estilo en index.js está causando este error
(index.js:193 TypeError no detectado: no se pueden leer las propiedades de nulo (leyendo 'estilo') en index.js:193:37 (anónimo) @ index.js:193)*
en el archivo exam.js
configuración del archivo index.js
document.querySelector('.container').style.backgroundColor = 'green' export const colors = {red: 'red', blue: 'blue'}configuración del archivo exam.js
import {colors} from './index.js' console.log(colors); tenga en cuenta que ambas etiquetas de script tienen el atributo de tipo (módulos) en su archivo html respectivo. ¿Cómo evito que document.querySelector('.container').style.backgroundColor = 'green' me dé el error anterior, porque sin el estilo anterior, el código se exporta perfectamente?
¿Está seguro de que '.container' existe en el DOM cuando se ejecuta el script? Simplemente intente algo como esto:
export const colors = ...your object...; const targetEl = document.querySelector('.container'); if(!targetEl) { return; } targetEl.style.backgroundColor = 'green';