小编Kar*_*hik的帖子

我在服务器端渲染应用程序中集成了材质 UI，并遵循了此处给出的代码。Material UI css 已添加到服务器端本身的 html 中。

但是，在初始加载时，不会应用材质 ui 样式，这会导致它闪烁。

我尝试<cssbaseline>与下面的代码一起使用，但没有看到任何区别。

这是我的代码：server.js

import App from '../common/containers/App';
import { Provider } from 'react-redux';
import React from 'react';
import configureStore from '../common/store/configureStore';
import express from 'express';
import qs from 'qs';
import { renderToString } from 'react-dom/server';
import serialize from 'serialize-javascript';
import { StaticRouter, matchPath } from 'react-router-dom';
import {theme} from '../theme';
import { ServerStyleSheets, ThemeProvider } from '@material-ui/styles';
import routes from './routes'
import "../common/assets/SCSS/app.scss";

const assets = require(process.env.RAZZLE_ASSETS_MANIFEST); …

我已经创建了一个正在运行的React.js应用程序npx create-react-app my-app，但我不希望在生产模式下在devtools中使用完整的项目。

如何在“源”选项卡（devtools）中禁用或隐藏节点模块和webconfig？

我签入了其他已部署的react应用程序，该应用程序未显示静态文件夹或整个项目；我怎样才能做到相同？

下面是浏览器“来源”标签的控制台屏幕截图，显示了一些我想向公众隐藏的目录；