简体繁体 English

React Loadable在动态加载的组件中请求新的CSS

[英]React Loadable requesting new css in dynamically loaded components

原文 2018-09-15 05:52:10 9 1 reactjs/ webpack/ webpack-3/ react-loadable/ react-universal

I'm using react loadable to code split off components. 我正在使用可加载的React来编码分离的组件。 I'm also using Extract CSS Chunks to split my stylesheets up. 我还使用Extract CSS Chunks来拆分样式表。 Everything works great during server side rendering and the initial client side render, but when I transition to a new page and a component is dynamically imported, the JS is being fetched, but the corresponding CSS for the component is not. 在服务器端渲染和初始客户端渲染期间，一切工作都很好，但是当我过渡到新页面并且动态导入组件时，正在获取JS，但没有获取组件的相应CSS。

This wasn't an issue when all my CSS was in one file, but now that it's not, how am I to fetch the CSS along with the JS for dynamically imported components? 当我所有的CSS都放在一个文件中时，这不是问题，但是现在不是了，我如何为动态导入的组件将CSS和JS一起获取？ Is that what Webpack Flush Chunks is supposed to help with? 那是Webpack Flush Chunks应该帮助的吗？

Thanks in advance! 提前致谢！

1 个解决方案

我通过升级到webpack 4并使用mini-css-extract-plugin解决了此问题

React Router with Loadable Components 错误 - React Router with Loadable Components error

测试可反应加载的组件 - Testing react-loadable components

使用可加载组件的 React.lazy 模式 - React.lazy pattern using Loadable Components

在React中动态加载的CSS无法间歇工作 - Dynamically loaded CSS in React not working intermittently

我应该使用 react-loadable 还是 loadable-components 进行代码拆分？ - Should I use react-loadable or loadable-components for code splitting?

使用React Loadable封装在HOC中的代码拆分路由组件 - Code splitting route components wrapped in a HOC with React Loadable

使用 react-loadable 延迟加载组件的动态路径导入 - Dynamic path import for lazy loading of components using react-loadable

延迟加载：react-loadable无法加载其他文件夹中的组件 - Lazy loading: react-loadable is failing to load components in other folders

无法使用 Webpack 和 React 异步加载具有可加载组件的组件 - Failed to asynchronously load component with loadable components using Webpack and React

使用组件作为属性的react-loadable导入动态对象 - react-loadable import dynamicaly object with components as properties

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 React Router with Loadable Components 错误 - React Router with Loadable Components error 测试可反应加载的组件 - Testing react-loadable components 使用可加载组件的 React.lazy 模式 - React.lazy pattern using Loadable Components 在React中动态加载的CSS无法间歇工作 - Dynamically loaded CSS in React not working intermittently 我应该使用 react-loadable 还是 loadable-components 进行代码拆分？ - Should I use react-loadable or loadable-components for code splitting? 使用React Loadable封装在HOC中的代码拆分路由组件 - Code splitting route components wrapped in a HOC with React Loadable 使用 react-loadable 延迟加载组件的动态路径导入 - Dynamic path import for lazy loading of components using react-loadable 延迟加载：react-loadable无法加载其他文件夹中的组件 - Lazy loading: react-loadable is failing to load components in other folders 无法使用 Webpack 和 React 异步加载具有可加载组件的组件 - Failed to asynchronously load component with loadable components using Webpack and React 使用组件作为属性的react-loadable导入动态对象 - react-loadable import dynamicaly object with components as properties

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM