我尝试通过npm从其他文件导入自己的组件，但是当我将其导入 App.js 时，例如：

import X from 'my-component'

但是当我导入它时，它会覆盖所有内容并仅呈现X。

我有点困惑如何将my-component设置为exportalbe模块？

Webpack.config 导入的组件

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

const myModule = {
    entry: './src/index.js',output: {
        path: path.join(__dirname,'/dist'),filename: 'index.js',},module: {
        rules: [
            {
                test: /\.js$/,exclude: /node_modules/,use: {
                    loader: 'babel-loader'
                }
            }
        ]
    },plugins: [
        new HtmlWebpackPlugin(
            {
            template: './src/index.html'
        })
    ]
}

module.exports = myModule;

当我添加时：

output: {
        path: path.resolve(__dirname,'dist/'),publicPath: '',libraryTarget: 'umd',

然后抛出

  

错误：目标容器不是DOM元素。