2017-05-06 19 views
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をローカルとして。私の場合の理由で

+0

それをコメントアウトしましたあなたはまさにこのエラーを取得しているところ私は、明らかに間違った何かを見ていませんよ?あなたのプロジェクトをビルドするとき、またはブラウザで開くとき? – Patrick

+0

ビルドすると、正常にビルドが完了します しかし、ブラウザで実行するとエラーが表示されます –

答えて

0

た: ... module: { noParse: /\.min\.js$/, ... 私は

関連する問題