Saltar al contenido

Agregar Jquery a Vue-Cli 3

Solución:

Resuelto agregando a main.js

window.$ = window.jQuery = require('jquery');

Eso lo hizo por mí y jQuery ya está disponible globalmente.

Otro enfoque sería;

Vue.use({
install: function(Vue, options){
    Vue.prototype.$jQuery = require('jquery'); // you'll have this.$jQuery anywhere in your vue project
    }
});

Espero que esto ayude a alguien a tropezar con el mismo problema en el futuro. Si aún no puede resolverlo, consulte esta pregunta o eche un vistazo a la documentación.

editar: asegúrate de correr npm install jquery.

# 2 Olvidas agregar configureWebpack en vue.config.js

const webpack = require('webpack')
module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        $: 'jquery',
        jquery: 'jquery',
        'window.jQuery': 'jquery',
        jQuery: 'jquery'
      })
    ]
  },
}

Lo hice siguiendo los siguientes pasos:

primero instale jquery

npm install jquery --save-dev

en cualquier componente o vista:

<script>

import jQuery from "jquery";
const $ = jQuery;
window.$ = $;

....
....
....

o como respuesta anterior, ambos son iguales:

window.$ = window.jQuery = require("jquery");

ahora puede usar en cualquier lugar de la página, para disponibilidad global, simplemente siga la respuesta anterior.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *