reactjs - pagina - jQuery requiere una ventana con un documento en paquete web

react js diseño

Question

Estoy usando ReactJS.net (representación del lado del servidor) y cuando uso jquery en Webpack, recibí el error aquí es mi error

Error al representar "Components.ToDoListSkeleton" en "react_0LmYYfSk30qdrKJQe4McUQ": Error: jQuery requiere una ventana con un documento en module.exports (Documento de secuencia de comandos [5]: 51: 87) -> module.exports = global.document? Factory (global , verdadero): function (w) {if (! w.document) {throw new Error ("jQuery requiere una ventana con un documento");} return factory (w);};} else {factory (global);} // Pase esto si la ventana aún no está definida en el nuevo ToDoListSkeleton (Documento de secuencia de comandos [5]: 26: 903) en ReactCompositeComponentMixin._constructComponentWithoutOwner (Documento de secuencia de comandos [2]: 8271: 28) en ReactCompositeComponentMixin._constructComponent (Documento de secuencia de comandos [2]: 8253: 22) en ReactCompositeComponentMixin.mountComponent (Documento de secuencia de comandos [2]: 8172: 22) en ReactReconciler.mountComponent (Documento de secuencia de comandos [2]: 1977: 36) en el documento de secuencia de comandos [2]: 19549: 37 en Mixin.perform (Script Documento [2]: 3788: 21) en renderToStringImpl (Documento de secuencia de comandos [2]: 19544: 25) en renderToString (Documento de secuencia de comandos [2]: 19574: 11) en el documento de secuencia de comandos [7] [temp]: 1: 16 Li ne: 19549 Columna: 37

aquí está mi configuración de webpack

"use strict";

var path = require(''path'');
var WebpackNotifierPlugin = require(''webpack-notifier'');
var webpack = require("webpack");
module.exports = {
    context: path.join(__dirname, ''Content''),
    entry: {
        server: ''./server''
    },
    output: {
        path: path.join(__dirname, ''build''),
        filename: ''[name].bundle.js''
    },
    module: {
        loaders: [
            // Transform JSX in .jsx files
            { test: //.jsx$/, loader: ''jsx-loader?harmony'' },
            { test: require.resolve("jquery"), loader: "expose?$!expose?jQuery" }
        ]
    },
    resolve: {
        // Allow require(''./blah'') to require blah.jsx
        extensions: ['''', ''.js'', ''.jsx'']
    },
    externals: {
        //// Use external version of React (from CDN for client-side, or
        //// bundled with ReactJS.NET for server-side)
        react: "React"
    },
    plugins: [
      new WebpackNotifierPlugin(),
      new webpack.ProvidePlugin({
          $: "jquery", 
          jQuery: "jquery", 
          "window.jQuery": "jquery",    
      })
    ]
};

Cualquier ayuda o sugerencia sería apreciada, gracias.

Answer 1

jQuery solo está diseñado para su uso en un navegador y no es compatible con la representación del lado del servidor. Deberá eliminar jQuery de cualquiera de sus códigos que quiera usar en el servidor.