无法在不破坏父 React 应用程序样式的情况下导入使用 Material UI 实现的 React 组件

如何解决无法在不破坏父 React 应用程序样式的情况下导入使用 Material UI 实现的 React 组件

我目前正在处理 React dashboard of the Apache OODT project。问题是oodt_fm_plugin中的组件无法导入到oodt_opsui_sample_app中。导入时，oodt_opsui_sample_app 的 Material UI 样式被破坏。 oodt_opsui_sample_app 已使用 Create React App 创建。

以下屏幕截图显示了 oodt_fm_plugin 组件如何完全打破抽屉和应用栏的样式。单击产品摄取菜单项时会出现此 UI。它包含 fm_plugin 的组件。

但是，不包含 fm_plugin 组件的其他页面会正确呈现，如下面的屏幕截图所示。

oodt_fm_plugin 的 Webpack 配置

const path = require('path');

module.exports = {
    entry: path.join(__dirname,"src","index.js"),output: {
        path: path.resolve(__dirname,'dist/'),publicPath: '',filename: 'build.js',libraryTarget: 'umd'
    },mode: process.env.NODE_ENV || "development",resolve: { modules: [path.resolve(__dirname,"src"),"node_modules"] },plugins: [],module: {
        rules: [{
            test: /\.jsx?$/,exclude: /node_modules/,use: {
                loader: 'babel-loader?cacheDirectory=true',}
        }]
    },externals: {
        'react': "commonjs react",'react-dom': "commonjs react-dom"
    },};

如何在不破坏样式的情况下，在本地导入在 Material UI 中实现的 NPM 包中的 React 组件？非常感谢任何帮助。