我正在使用ReactJS.net (服务器端呈现),当我在Webpack中使用jquery时,我得到了错误,这是我的错误
将"Components.ToDoListSkeleton“呈现为”react_0LmYYfSk30qdrKJQe4McUQ“时出错: jQuery需要在module.exports (脚本文档5:51:87)有文档的窗口(脚本文档5:51:87):函数(W){if(!w.document){引发新错误(”jQuery需要带文档的窗口“);}返回工厂(W);}}} //在ReactCompositeComponentMixin._constructComponentWithoutOwner (脚本文档2:8271:28)、ReactCompositeComponentMixin._constructComponent (脚本文档2:8253:22)、ReactCompositeComponentMixin.mountComponent (脚本文档2:8172:22)、ReactReconciler.mountComponent (脚本文档2:1977:36)、脚本文档2:19549:37、Mixin.perform (脚本文档2:3788:21 )的新ToDoListSkeleton (脚本文档5:26:903)上定义此窗口。)在renderToStringImpl (脚本文档2:19544:25)在renderToString (脚本文档2:19574:11)在脚本文档7:1:16行: 19549列:37
这是我的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",
})
]
};
如有任何帮助或建议,将不胜感激。
发布于 2016-08-31 05:20:41
jQuery只用于浏览器,并且不支持服务器端呈现.您需要从要使用服务器端的任何代码中删除jQuery。
https://stackoverflow.com/questions/39240241
复制相似问题