React Chrome Tab扩展无法与WebPack Dev Server一起使用

Question

我的React Chrome扩展程序没有出现在我的React网络应用程序上,即使我已经阅读了所有组件,并正确地呈现它.一切都以iframe形式出现(截图附件).

这是我的webpack.config.js文件.

var path = require('path');
var webpack = require('webpack');

    module.exports = {
    entry: './main.js', 
    output: {path: __dirname, filename: 'bundle.js'}, 
    module: {
        loaders: [
            {
                test: /\.jsx?$/, 
                loader: 'babel-loader', 
                exclude: /node_modules/,
                query: {
                    presets: ['es2015', 'react']
                }
            }, 
            {
                test: /\.css$/, 
                loader: 'style!css' 
            }, 
            {
                test: require.resolve('react'),
                loader: 'expose?React'  
            }
        ]
    },
    plugins: [
        new webpack.NoErrorsPlugin()
    ], 
    watch: true

    };

我的React版本,我相信0.14.7,react-dom是0.14.0.我也试过操作作为入口点的main.js文件.

我有

if (typeof window !== 'undefined') {
    window.React = React;
}

可以使用任何建议或帮助.

Answer 1

经过一番挖掘......哇,这真是太笨了.而不是去http:// localhost:8080/webpack-dev-server /,我去了localhost:8080,然后我看到了我的React选项卡.