运行nodejs app时出错 - 无法设置undefined属性(加载顺序?)

时间:2018-06-08 06:26:14

标签: node.js webpack bootstrap-4

我一直在尝试使用Webpack打包我的CSS&的JavaScript。我已经使用NPM安装了Bootstrap 4.1.1,webpack 4.11.1和jquery 3.3.1。节点v10.3.0和NPM 6.1.0

  1. 节点v10.3.0
  2. NPM 6.1.0
  3. 我知道问题是尝试使用jQuery的bootstrap,并且jQuery尚未加载,但这是我可以得到的。

    $$$1.fn.emulateTransitionEnd = transitionEndEmulator;
    
        TypeError: Cannot set property 'emulateTransitionEnd' of undefined
            at setTransitionEndSupport (D:\DevForm\DevForm\node_modules\bootstrap\dist\js\bootstrap.js:122:36)
    

    App.js

    ..
    const bootstrap = require('bootstrap');
    ..
    

    webpack.config.js

    module.exports = {
        entry: './app.js',
        output: {
            filename: 'bundle.js',
            path: path.resolve(__dirname, 'public/javascripts')
        },
        node: {
            fs: 'empty',
            net: 'empty'
        },
        ...
            plugins: [
            new webpack.ProvidePlugin({
               $: "jquery",
               jQuery: "jquery"
           })
        ]
    };
    

    到目前为止,我所检查的所有内容都引用了旧版bootstrap的问题,2015年涉及Bower的帖子,文档似乎没有承认任何类似的问题。

    我没有使用Node,而且对webpack来说是全新的。如何让它首先加载jQuery,甚至是我的问题?

0 个答案:

没有答案