Can';似乎无法通过Electron/Webpack让jQuery走向全球

Can';似乎无法通过Electron/Webpack让jQuery走向全球,webpack,Webpack,我正在建立一个新的电子应用程序,并试图为它搭建脚手架 我以前在一起使用过webpack/bootstrap/jquery,从来没有遇到过问题,所以我不明白为什么,但为了我的生命,我一直在使用它 Uncaught错误:引导程序的JavaScript需要jQuery。jQuery必须包含在引导程序的JavaScript之前。 我已经在我的webpack.config.js文件中试过了 带/不带解析和多个其他文件位置 resolve: { alias: { jquery: "j

我正在建立一个新的电子应用程序,并试图为它搭建脚手架

我以前在一起使用过webpack/bootstrap/jquery,从来没有遇到过问题,所以我不明白为什么,但为了我的生命,我一直在使用它

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" }
    ]
  }
}
在my
main.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
并拖放包,它就可以正常工作。有什么建议吗