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.