2017-01-04 8 views
2

私はaspnetで反応するアプリケーションを取得しようとしていますが、私はwebpackを使用しています。react.js aspnetのWebpack - 'global'と 'exports'は定義されていません

これは私がページにアクセスしようとしたとき、私は、コンソールでこれらの2つのエラーを取得しています私のWebPACKの設定

var path = require('path'); 
var webpack = require('webpack'); 
var HtmlWebpackPlugin = require('html-webpack-plugin'); 
var pkg = require('./package.json'); 

// bundle dependencies in separate vendor bundle 
var vendorPackages = Object.keys(pkg.dependencies).filter(function (el) { 
return el.indexOf('font') === -1; // exclude font packages from vendor bundle 
}); 

/* 
* Default webpack configuration for development 
*/ 
var config = { 
devtool: 'eval-source-map', 
cache: true, 
entry: { 
    main: path.join(__dirname, "app", "App.js"), 
    vendor: vendorPackages 
}, 
output: { 
    path: path.join(__dirname, "js"), 
    filename: '[name].js', 
    sourceMapFilename: "[file].map" 
}, 

resolve: { 
    modulesDirectories: ['node_modules'], alias: {}, extensions: ['', '.jsx', '.js'] 
}, 
plugins: [ 
    new webpack.OldWatchingPlugin(), //needed to make watch work. see http://stackoverflow.com/a/29292578/1434764 
    new webpack.optimize.CommonsChunkPlugin(/* chunkName= */"vendor", /* filename= */"vendor.js") 
], 
resolveLoader: { 
    'fallback': path.join(__dirname, 'node_modules') 
}, 
module: { 
loaders: [{ 
    test: /\.js$/, 
    exclude: /node_modules/, 
    loader: 'babel', 
    query: { 
     presets: ['es2015','react'] 
    } 
}, { 
    test: /\.css$/, 
    loader: 'style!css!' 
}] 
} 
} 

/* 
* If bundling for production, optimize output 
*/ 
if (process.env.NODE_ENV === 'production') { 
config.devtool = false; 

config.plugins = [ 
    new webpack.optimize.OccurenceOrderPlugin(), 

    new webpack.optimize.UglifyJsPlugin({ 
     comments: false, 
     compress: { warnings: false} 
    }), 
    new webpack.DefinePlugin({ 
     'process.env': {NODE_ENV: JSON.stringify('production')} 
    }) 
]; 
}; 

module.exports = config; 

です。

SCRIPT5009: 'グローバル' は未定義です vendor.js(42739,2)

SCRIPT5009: '輸出' は私ができる mobilelobbyapp.js(1,1)

定義されていませんこれらを修正する方法を理解していない。私はWebPACKのからJSエクスポートされたファイルは私が

exports.ids = [0]; 
exports.modules = { 

答えて

0

を持つファイルの先頭に

webpackJsonp([0],{ 

を持っていることを作業例に予告をした私は、この記事'global' undefined after running webpackを発見し、私はfixSCRIPT5009することができました。

plugins: [ 
    new webpack.OldWatchingPlugin(), //needed to make watch work. see  https://stackoverflow.com/a/29292578/1434764 
    new webpack.optimize.CommonsChunkPlugin(/* chunkName= */"vendor", /* filename= */"vendor.js"), 
    new webpack.DefinePlugin({ global: {} }), 
], 
に、:({{}}グローバル) 'グローバル' は

新しいwebpack.DefinePluginを追加することによって、未定義vendor.jsあります

その後、私はSCRIPT5009を固定: '輸出は' 私のwebpack.config

から

target: 'node', 

を除去することによって、定義されていません

関連する問題