1
私は約2ヶ月間プロジェクトに取り組んでおり、webpack-dev-middlewareを使用しています。未知のReferenceError:要求が定義されていませんreact + webpack
WDMのドキュメントによると、Webpackのラッパーとホットリロードを有効にするためにメモリ内でプロジェクトを実行します。
しかし、私はwebpackと同じwebpack.config.jsでビルドしてデプロイしようとすると、私はUncaught ReferenceError: require is not defined
エラーを取得します。
私はたくさんの検索をしており、私の場合は正解を見つけることができませんでした。
本当に助けていただければ幸いです。
私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のバージョンを使用しています:1.13.3をローカルとして。私の場合の理由で
それをコメントアウトしましたあなたはまさにこのエラーを取得しているところ私は、明らかに間違った何かを見ていませんよ?あなたのプロジェクトをビルドするとき、またはブラウザで開くとき? – Patrick
ビルドすると、正常にビルドが完了します しかし、ブラウザで実行するとエラーが表示されます –