MagnificPopup не работает с веб-пакетом - PullRequest
Новая
       9

MagnificPopup не работает с веб-пакетом

0 голосов
/ 22 мая 2018

Я установил magnificPopup с помощью команды «npm i magnific-popup», после чего импортировал его в файл app.js.Но в консоли браузера это показывает (magnificPopup не функция)

app.js 

import $ from "jQuery";
window.$ = window.jQuery = $;
import "magnific-popup";

$(document).ready(function() {
    $('.play-btn').magnificPopup({ type: 'video' });

});

webpack.config.js 

var path = require("path");
var webpack = require('webpack');


module.exports = {
    entry: {
        app: "./app/assets/scripts/app.js",
        vendor: "./app/assets/scripts/vendor.js"
    },
    output: {
        path: path.resolve(__dirname, "./app/temp/scripts"),
        filename: "[name].js"
    },
    module: {
        rules: [{
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader',
                    options: {
                        presets: ["es2015"]
                    }
                }
            }

        ]
    },
    plugins: [
        new webpack.ProvidePlugin({
            '$': 'jquery',
            'jQuery': 'jquery',
            'window.jQuery': 'jquery'
        }),
    ]
}

Ответы [ 2 ]

0 голосов
/ 22 мая 2018

Я исправил проблему

jQuery не нужно импортировать в app.js

После исправления файл app.js выглядит следующим образом 

import "magnific-popup";

$(document).ready(function() {
    $('.play-btn').magnificPopup({ type: 'video' });

});
0 голосов
/ 22 мая 2018

Это просто, ваши файлы не находятся в месте импорта.Пожалуйста, проверьте ваш путь или местоположение файла / положение один раз.Более того, пожалуйста, проверьте вашу библиотеку JQuery, если она включена, тогда она должна быть выше этой библиотеки файлы / код.

...