es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

SCRIPT1010: Identificador esperado en IE11 Laravel Vuejs Vestjs

05 Aug, 2023 Programación

Normalmente utilizo laravel-mix con laravel-mix-polyfill en un proyecto de Laravel-Vuejs sin problemas en IE11.

Sin probar en IE11, continué mi desarrollo utilizando solo Chrome para pruebas. Utilicé un nuevo plugin para mí, el plugin Vestjs que he utilizado para validaciones. Realmente no estoy seguro si eso fue la causa de mi problema.

Este fue el error de consola mostrado en mi IE:

SCRIPT1010: Identificador esperado
dashboard.js (7602,11)

La imagen adjunta es el dashboard.js (7602,11):
descripción de la imagen

webpack.mix.js

const mix = require('laravel-mix');
require('laravel-mix-polyfill');

mix.js('resources/js/dashboard.js', 'public/js').vue()
    .postCss('resources/css/app.css', 'public/css')
    .postCss('resources/css/lineshop.css', 'public/css')
    .postCss('resources/css/ec-date-picker.css', 'public/css')
    .polyfill({
        enabled: true,
        useBuiltIns: 'usage',
        targets: 'firefox 50, IE 11',
    })
    .sourceMaps(false)
    .version();

No estoy muy familiarizado con la configuración de Babel. ¿Hay algo que pueda hacer para solucionar esto con la configuración de laravel-mix y laravel-mix-polyfill?

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Es posible que el problema con el error de la consola en IE11 sea causado por un problema de compatibilidad con el complemento Vestjs. Sin embargo, también es posible que haya un problema con la configuración de Babel en el archivo webpack.mix.js.

    Para comenzar, podrías intentar actualizar los destinos en la configuración de polyfill para incluir específicamente IE 11:

    .targets('ie 11')

    También podrías intentar agregar una configuración de Babel al archivo webpack.mix.js:

    mix.babelConfig({
    presets: [
        [
            '@babel/preset-env',
            {
                targets: {
                    ie: '11'
                },
            },
        ],
    ],
});

    Esto asegurará que los presets de Babel estén configurados para apuntar específicamente a IE 11.

    Si estos pasos no resuelven el problema, puede ser necesario investigar más la compatibilidad del complemento Vestjs con IE11 y/o revisar más a fondo la configuración de Babel en el proyecto.

Comments are closed.