Javascript 构建React模块：addComponentAsRefTo

我正在尝试构建一个React模块，然后在我的主应用程序中使用它，但使用后我得到：

addComponentAsRefTo（…）：只有ReactOwner可以有引用。你可以 将引用添加到未在内部创建的组件 组件的渲染方法，或者您有多个副本 上膛了

这是我的

AwesomeModule

的网页：

const prodConfig = {
    entry: {
        'awesomeModule.js': './src/js/index.js'
    },
    output: {
        path: PATHS.distJs,
        filename: 'awesomeModule.js',
        libraryTarget: 'umd',
        library: 'AwesomeModule'
    },
    externals: {
        'react': 'React',
        'moment': 'moment',
        'lodash': 'lodash'
    },
    module: {
        loaders: [
            {
                test: /(\.jsx|\.js)$/,
                include: PATHS.src,
                loader: 'babel'
            },
            {
                test: /\.json$/,
                loader: 'json'
            },
            {
                test: /\.less$/,
                include: PATHS.src,
                loader: 'style-loader!css-loader!less-loader'
            }
        ]
    },
    resolve: {
        extensions: ['', '.js', '.jsx']
    },
    plugins: [
        new webpack.DefinePlugin({
            'process.env.NODE_ENV': '"production"'
        }),
        new AssetsPlugin({
            filename: 'assets.json',
            path: PATHS.distJs,
            fullPath: false,
            prettyPrint: true
        }),
        envParamsPlugin
    ]
};

在我的主应用程序中，我将它添加到我的

package.json

中的

dependencies

。这是我的

应用程序的网页配置

const prodConfig = {
    entry: {
        'app.js': "./src/index.jsx"
    },
    output: {
        path: PATHS.distJs,
        filename: "app-[hash].js"
    },
    module: {
        loaders: [
            {
                test: /(\.jsx|\.js)$/,
                include: PATHS.src,
                loader: "babel"
            },
            {
                test: /\.json$/,
                loader: 'json'
            },
            {
                test: /\.less$/,
                include: PATHS.src,
                loader: 'style-loader!css-loader!less-loader'
            }
        ]
    },
    resolve: {
        extensions: ['', '.js', '.jsx'],
    },
    plugins: [
        new webpack.DefinePlugin({
            'process.env.NODE_ENV': '"production"'
        }),
        new AssetsPlugin({
            filename: 'assets.json',
            path: PATHS.distJs,
            fullPath: false,
            prettyPrint: true
        }),
        envParamsPlugin
    ]
};

我的问题在哪里