未捕获的ReferenceError:require未定义react + webpack

时间:2017-05-06 11:17:09

标签: javascript reactjs webpack

我在一个项目上工作了大约2个月并使用了webpack-dev-middleware

根据WDM文档,它只是webpack的包装器,并在内存中运行项目以启用热重新加载。

但是现在当我尝试使用webpack和webpack.config.js构建和部署时,我收到var ExtractTextPlugin = require('extract-text-webpack-plugin'); var path = require('path'); var autoprefixer = require('autoprefixer'); const webpack = require('webpack'); var fs = require('fs') module.exports = { entry: './src/client.js', output: { path: path.join(__dirname, 'public'), filename: 'bundle.js' }, target: 'web', // keep node_module paths out of the bundle externals: fs.readdirSync(path.resolve(__dirname, 'node_modules')).concat([ 'react-dom/server', 'react/addons', ]).reduce(function (ext, mod) { ext[mod] = 'commonjs ' + mod return ext }, {}), node: { __filename: true, __dirname: true }, plugins: [ new ExtractTextPlugin('styles.css'), ], module: { loaders: [ { test: /\.js$/, loader: 'babel-loader', }, { test: /\.(png|jpg|jpeg|gif|svg|woff|woff2)$/, loader: 'url-loader?limit=100000&name=/[hash].[ext]', }, { test: /\.scss$/, loader: ExtractTextPlugin.extract(['css-loader', 'sass-loader']), }, { test: /\.json$/, loader: "json-loader"} ], }, devtool: 'cheap-module-source-map' } 错误。

我搜索了很多,但找不到合适的答案。

我真的很感激任何帮助:)。

我的webpack.config.js

{{1}}

我正在使用webpack版本:1.13.3作为本地版本。

1 个答案:

答案 0 :(得分:0)

在我的情况下,原因是: ... module: { noParse: /\.min\.js$/, ... 我已经评论过了