Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在NodeJS应用程序中使用客户端Javascript上带有require模块的webpack_Javascript_Node.js_Reactjs_Webpack_Redux - Fatal编程技术网

在NodeJS应用程序中使用客户端Javascript上带有require模块的webpack

在NodeJS应用程序中使用客户端Javascript上带有require模块的webpack,javascript,node.js,reactjs,webpack,redux,Javascript,Node.js,Reactjs,Webpack,Redux,我正试图遵循这一点在我的NodeJS应用程序中创建redux表单。我将代码放在客户端Javascript文件中,并尝试运行我的应用程序,但出现了一个“require is not defined”错误。我正在使用webpack编译我的Javascript文件,这是另一个人建议的,所以我不确定如何在客户端使用require模块。为了能够使用require模块,我是否缺少一个步骤 以下是my client.js文件中导致错误的行: import React, { Component, PropTyp

我正试图遵循这一点在我的NodeJS应用程序中创建redux表单。我将代码放在客户端Javascript文件中,并尝试运行我的应用程序,但出现了一个“require is not defined”错误。我正在使用webpack编译我的Javascript文件,这是另一个人建议的,所以我不确定如何在客户端使用require模块。为了能够使用require模块,我是否缺少一个步骤

以下是my client.js文件中导致错误的行:

import React, { Component, PropTypes } from 'react'
import { reduxForm } from 'redux-form'
这是我在webpack.config.js文件中的内容:

var webpack = require('webpack');
var path = require('path');
var nodeExternals = require('webpack-node-externals');
var React = require('react');
var redux = require('redux');


var BUILD_DIR = path.resolve(__dirname, 'public');
var APP_DIR = path.resolve(__dirname, 'app');

var config = {
    entry: APP_DIR + '/client.js',
    output: {
        path: BUILD_DIR,
        filename: 'bundle.js'
    },
    target: 'node',
    externals: [nodeExternals()],
    module: {
        loaders: [
            {
                test: /\.jsx?/,
                include: APP_DIR,
                loader: 'babel'
            }
        ]
    }
};


module.exports = config; 

target:'node',
——那么,您是针对
nodejs
还是浏览器?我可以同时针对这两种浏览器吗?是否需要在浏览器和nodejs中都使用?现在使用redux,我正在尝试以浏览器为目标,然后完全删除
target
东西。仍然会遇到同样的错误您目前没有配置babel,是吗?那么它的配置是什么呢?
target:'node',
——那么,你的目标是
nodejs
还是浏览器?我可以同时瞄准这两个吗?是否需要在浏览器和nodejs中都使用?现在使用redux,我正在尝试以浏览器为目标,然后完全删除
target
东西。仍然会遇到同样的错误您目前没有配置babel,是吗?那么它的配置是什么呢?