Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.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/4/webpack/2.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
Reactjs React在浏览器端不起作用?_Reactjs_Webpack_Webpack Dev Server - Fatal编程技术网

Reactjs React在浏览器端不起作用?

Reactjs React在浏览器端不起作用?,reactjs,webpack,webpack-dev-server,Reactjs,Webpack,Webpack Dev Server,我使用webpack dev server在内存中提供捆绑的app.js。一切都好。然后,我使用webpack cli在磁盘中创建一个实际的app.js文件,并修改HTML以链接它 但是react在浏览器端不起作用。每次我点击页面上的一个链接,它都会向服务器发送一个新请求并获得一个新页面,就像普通的网页一样 我说是在浏览器端,因为我使用服务器渲染和react路由器。我可以得到页面,所以我认为服务器渲染可以工作,这意味着react和react路由器可以工作 我比较了这两个文件。webpack de

我使用webpack dev server在内存中提供捆绑的app.js。一切都好。然后,我使用webpack cli在磁盘中创建一个实际的app.js文件,并修改HTML以链接它

但是react在浏览器端不起作用。每次我点击页面上的一个链接,它都会向服务器发送一个新请求并获得一个新页面,就像普通的网页一样

我说是在浏览器端,因为我使用服务器渲染和react路由器。我可以得到页面,所以我认为服务器渲染可以工作,这意味着react和react路由器可以工作

我比较了这两个文件。webpack dev server提供的是2.8MB,磁盘中的只有922KB

以下是Web包开发服务器使用的配置文件:

var webpack = require('webpack');

module.exports = {
    devtool: 'inline-source-map',
    entry: [
        'webpack-dev-server/client?http://localhost:8080',
        'webpack/hot/only-dev-server',
        './src/client/entry',
    ],
    output: {
        path: __dirname + '/public/js/',
        filename: 'app.js',
        publicPath: 'http://localhost:8080/js/',
    },
    plugins: [
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NoErrorsPlugin(),
    ],
    resolve: {
        extensions: ['', '.js']
    },
    module: {
        loaders: [{
            test: /\.jsx?$/,
            loaders: ['react-hot', 'babel-loader?experimental'],
            exclude: /node_modules/
        }]
    }
}
以下是webpack cli使用的配置文件:

var webpack = require('webpack');

module.exports = {
    entry: [
        './src/client/entry',
    ],
    output: {
        path: __dirname + '/src/public/js',
        filename: 'app.js',
    },
    resolve: {
        extensions: ['', '.js']
    },
    module: {
        loaders: [{
            test: /\.jsx?$/,
            loaders: ['babel'],
            exclude: /node_modules/
        }]
    }
}

请提供帮助

控制台中是否有错误?@wiredparie Nothing您正在初始化响应等?这可能与包装无关。