select2與Webpack的TypeError

我已經通過Webpack成功地將select2.js的本地副本與幾個* .js文件捆綁在一起。但是，它總是拋出一個TypeError，它警告e.select2不是函數。有趣的是，如果我需要CDN中的select2.js，它會在初始頁面加載時工作，但在刷新頁面後會引發相同的錯誤。select2與Webpack的TypeError

在做捆綁之前，這個錯誤從未發生過。

任何人都可以請建議？謝謝！

根據要求，我在下面分享webpack.config.js。

var path = require("path"); 
var webpack = require('webpack'); 
var BundleTracker = require('webpack-bundle-tracker'); 

module.exports = { 
context: __dirname, 

entry: { 
    annotation: './assets/js/annotation_index', 
    subject: './assets/js/subject_index', 
    highchart: './assets/js/highchart_index', 
    protocol: './assets/js/protocol_index', 
    subscription: './assets/js/subscription_index' 
}, 

output: { 
    path: path.resolve('./assets/bundles/'), 
    filename: "[name].js", 
}, 

externals: [ 
    require('webpack-require-http') 
], 

plugins: [ 
    new BundleTracker({filename: './webpack-stats.json'}) 
], 

module: { 
    loaders: [ 
     { test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loader', query: {compact: false} }, // to transform JSX into JS 
    ], 
}, 

resolve: { 
    modulesDirectories: ['node_modules', './assets/js/annotation'], 
    extensions: ['', '.js', '.jsx'], 
    alias: { jquery: "./jquery"} 
}, 
}

來源

2016-10-24 Qiao

嘗試分享@JaganathanBantheswaran我剛剛共享webpack.config文件之上的webpack.config文件 – Thaadikkaaran

。請建議。謝謝！ – Qiao

更新1：由於OP負載使用jQuery的腳本標籤，更好的選擇是使用外部選擇不捆綁jQuery的。

externals: { 
     "jquery": "jQuery" 
    }

您可以ProvidePlugin和CommonsChunkPlugin插件

entry: { 
    vendor: ["jquery", "other lib1", 'other lib2'], 
    ... 
}, 
plugins: [ 
    new webpack.ProvidePlugin({ 
     $: "jquery", 
     jQuery: "jquery" 
    }), 
    new CommonsChunkPlugin({ 
     name: "vendor", 
     filename: "vendor.js" 
     minChunks: Infinity, 
})]

來源

2016-10-27 12:18:41 Thaadikkaaran

嗨@JaganathanBantheswaran，謝謝你的建議！我試了一下，但我沒有運氣。我終於通過在webpack.config.js的externals部分配置jquery來解決這個問題。 – Qiao

很好，你解決了這個問題..這是我們可以解決jQuery問題的方式之一。 – Thaadikkaaran

select2與Webpack的TypeError

回答

相關問題