小编diw*_*o11的帖子

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

在此输入图像描述我的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

    };
Run Code Online (Sandbox Code Playgroud)

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

我有

if (typeof window !== 'undefined') {
    window.React = React;
}
Run Code Online (Sandbox Code Playgroud)

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

javascript google-chrome-devtools reactjs webpack-dev-server

2
推荐指数
1
解决办法
1134
查看次数