Can';似乎无法通过Electron/Webpack让jQuery走向全球
我正在建立一个新的电子应用程序,并试图为它搭建脚手架 我以前在一起使用过webpack/bootstrap/jquery,从来没有遇到过问题,所以我不明白为什么,但为了我的生命,我一直在使用它Can';似乎无法通过Electron/Webpack让jQuery走向全球,webpack,Webpack,我正在建立一个新的电子应用程序,并试图为它搭建脚手架 我以前在一起使用过webpack/bootstrap/jquery,从来没有遇到过问题,所以我不明白为什么,但为了我的生命,我一直在使用它 Uncaught错误:引导程序的JavaScript需要jQuery。jQuery必须包含在引导程序的JavaScript之前。 我已经在我的webpack.config.js文件中试过了 带/不带解析和多个其他文件位置 resolve: { alias: { jquery: "j
Uncaught错误:引导程序的JavaScript需要jQuery。jQuery必须包含在引导程序的JavaScript之前。
我已经在我的webpack.config.js
文件中试过了
带/不带解析
和多个其他文件位置
resolve: {
alias: {
jquery: "jquery/dist/jquery.min.js"
}
},
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
})
],
如果我看一下我的bundle.js
,我可以清楚地看到jQuery
正在加载,但出于某种原因,Bootstrap一直在对我咆哮
使用Bootstrap@4.0.0-alpha.6
和jquery
npm安装
有人对它为什么找不到jQuery
如果我打开开发者工具,我肯定会看到$
是一个全局变量,但是jQuery
不是,这似乎是bootstrap检查的对象。谢谢
整个网页包
const path = require('path');
const webpack = require('webpack');
module.exports = {
debug: true,
entry: [
'babel-polyfill',
'./src/public/javascripts/main.js'
],
output: {
filename: 'bundle.js'
},
resolve: {
alias: {
jquery: "jquery/dist/jquery.min.js"
}
},
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
})
],
module: {
loaders: [
{
test: /\.vue$/,
loader: 'vue-loader',
options: {
loaders: {
scss: 'vue-style-loader!css-loader!sass-loader',
sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax'
}
}
},
{ test: /bootstrap\/js\//, loader: 'imports?jQuery=jquery' },
{
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/,
query: {
plugins: ['transform-flow-strip-types']
}
},
{
test: /\.css$/,
loader: 'style-loader!css-loader'
},
{
test: /tether\.js$/,
loader: "expose?Tether"
},
{ test: /\.(woff|woff2)$/, loader: "url-loader?limit=10000&mimetype=application/font-woff" },
{ test: /\.ttf$/, loader: "file-loader" },
{ test: /\.eot$/, loader: "file-loader" },
{ test: /\.svg$/, loader: "file-loader" }
]
}
}
在mymain.js中
import jQuery from "jquery/dist/jquery.min.js";
import BootstrapCSS from "bootstrap/dist/css/bootstrap.min.css";
import BootstrapJS from "bootstrap/dist/js/bootstrap.min.js";
好的,这似乎与我的gulp
设置有关,我想,如果我运行我的gulp网页,它会
gulp.task("webpack", () => {
return gulp.src("./dist/public/javascripts/main.js")
.pipe(webpack(require('./webpack.config.js')))
.on('error', (error) => {
console.log(error);
})
.pipe(gulp.dest("./dist/public/javascripts/"));
});
它似乎不起作用,但如果我手动运行webpack
并拖放包,它就可以正常工作。有什么建议吗