“jQuery 需要一个带有文档的窗口”webpack 2 错误

Question

我将我的 node 应用程序与 webpack2 捆绑在一起，我使用 JQuery 和 jam 作为我的前端。在运行我的应用程序时出现此错误，

node_modules\jquery\dist\jquery.js:31
throw new Error( "jQuery requires a window with a document" );
^
Error: jQuery requires a window with a document

我用过

var $ = require("jquery");

在所有前端 javascript 文件中。

我试过这些solutions，

这个到，

    {
        test: require.resolve('jquery'),
        loader: 'expose?$!expose?jQuery'
    },

我该如何处理这个问题？

webpack.config.js

var path = require('path');
var nodeExternals = require('webpack-node-externals');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
    target: 'node',
    entry: {
        app: ['babel-polyfill', './bin/run.js'],
    },
    output: {
        path: './build',
        filename: '[name].min.js'
    },
    externals: [nodeExternals()],
    plugins: [
        new HtmlWebpackPlugin()
    ],
    module: {
        rules: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                exclude: /lodash/
            },
            {
                test: /\.jade$/,
                loader: 'jade-loader'
            },
            {
                test: /\.css$/,
                use: [
                    {loader: 'style-loader'},
                    {
                        loader: 'css-loader',
                        options: {
                            modules: true
                        }
                    }
                ]
            },
        ],
        noParse: [/ws/]
    }
};

Answer 1

jQuery 只能在前端（浏览器）上使用。

您似乎正试图在 Node 本身中使用它来引用回 $。

需要注意的是，jQuery 不支持服务器端渲染。

-> var $ = require("jquery"); 不起作用..