模块联邦加载远程组件时为什么样式丢失了？
我在用 Webpack 5 的模块联邦做微前端，主应用能正常加载远程组件，但组件的 CSS 样式完全没生效。本地开发时样式是好的，一通过 remotes 加载就没了。
我试过把样式文件单独 import 进入口文件，也试过在 remoteEntry 里暴露样式，都不行。控制台也没报错，就是元素上没任何样式。我的 shared 配置里已经加了 css-loader 和 style-loader，难道还要额外处理？
new ModuleFederationPlugin({
name: 'remoteApp',
filename: 'remoteEntry.js',
exposes: {
'./Button': './src/components/Button.jsx',
},
shared: ['react', 'react-dom'],
}),- 1
回答
24浏览
模块联邦加载远程组件时样式丢失怎么办？
我在用 Webpack 5 的模块联邦加载远程 React 组件，JS 能正常加载，但组件的 CSS 样式完全没生效，页面布局都乱了。本地开发时没问题，一通过 Module Federation 引入...
- 2
回答
34浏览
模块联邦中远程组件加载失败怎么办？
我在用 Webpack 5 的模块联邦搞微前端，本地调试时主应用能正常加载远程组件，但部署到测试环境后就报错了，控制台提示找不到 remoteEntry.js。 我检查了 remote 的 publi...
- 1
回答
4浏览
React 组件懒加载后样式错乱怎么办？
我在用 React 的 lazy + Suspense 做组件懒加载，功能是跑起来了，但发现懒加载进来的组件样式有点乱，比如 Tailwind 的类没生效，或者 CSS 模块的样式优先级不对。我试过把...
- 1
回答
33浏览
Module Federation 加载远程模块时为什么会报“Shared module is not available”？
我在用 Webpack 5 的 Module Federation 搭建微前端，主应用加载子应用的组件时，控制台一直报 “Shared module is not available for eage...
- 2
回答
64浏览
移动端按需加载组件时如何避免样式错乱？
我在用 Vue 开发移动端页面，想对底部弹窗组件做按需加载，但动态引入后发现样式没生效，布局全乱了。之前是直接 import 引入没问题，改成 () => import('./Popup.vue...
- 2
回答
31浏览
为什么我的自定义组件在SSR渲染后样式丢失了？
我在用Vue 3开发一个自定义组件MyButton，服务端渲染后样式完全没生效，但客户端直出没问题。组件用了CSS Modules和动态类名，服务端返回的HTML里类名变成了_style_这样的占位符...
- 1
回答
39浏览
Vue按需加载Element组件样式不生效怎么办？
在用Vue项目按需加载Element组件时，按钮组件功能正常但样式完全没效果，折腾了一晚上没解决。按照文档配置了babel-plugin-component： plugins: [ require('...
- 2
回答
63浏览
Vite项目集成esbuild后为什么组件样式无法正确加载？
最近在尝试给Vue3项目集成esbuild优化构建速度，但发现组件内的CSS样式完全没效果了。我已经按照文档在vite.config.js里配置了esbuild插件，但页面样式显示异常： 测试内容 ....
- 1
回答
41浏览
React 项目中动态导入组件后样式丢失了怎么办？
我在用 React 做代码分割，用 React.lazy 动态加载一个组件，结果这个组件的 CSS 样式完全没生效，页面布局都乱了。 我试过把 import 放在组件内部，也试过用 Suspense ...
- 1
回答
47浏览
SWR预加载数据后为什么组件还是会闪一下加载状态？
我在用SWR做数据预加载，明明在进入页面前就调用了fetcher，但组件首次渲染时还是会短暂显示loading状态，体验很不好。是我预加载的方式不对吗？ 我是在路由跳转前这样预加载的： import ...
styled-components或者其他你用的样式库。如果用的是普通 CSS，试试在 remote 应用的webpack.config.js加上 这样通常能解决问题，反正我遇到这种问题就这么搞定了。