diff --git a/src/client/index.jsx b/src/client/index.jsx
index b732b3ff..8e6b4162 100644
--- a/src/client/index.jsx
+++ b/src/client/index.jsx
@@ -60,7 +60,7 @@ export default async function Launch({
moduleHot.addStatusHandler((status) => {
if (status !== 'ready') return;
const stamp = shortId();
- const links = document.querySelectorAll('link[rel=stylesheet][id="tru-style"]');
+ const links = document.querySelectorAll('link[rel=stylesheet][id^="tru-style"]');
for (let i = 0; i < links.length; i += 1) {
links[i].href = `${links[i].href.match(/[^?]*/)}?v=${stamp}`;
}
diff --git a/src/server/renderer.jsx b/src/server/renderer.jsx
index 905cb8b6..a2e62f95 100644
--- a/src/server/renderer.jsx
+++ b/src/server/renderer.jsx
@@ -177,7 +177,7 @@ export default function factory(webpackConfig, options) {
assets = assets.filter(asset => asset.endsWith('.css'));
assets.forEach((asset) => {
styles.push((
- ``
+ ``
));
});
});
diff --git a/src/shared/containers/AppChunk/index.jsx b/src/shared/containers/AppChunk/index.jsx
index 7be83c56..ee02595a 100644
--- a/src/shared/containers/AppChunk/index.jsx
+++ b/src/shared/containers/AppChunk/index.jsx
@@ -171,7 +171,7 @@ export default class SplitRoute extends React.Component {
link = document.createElement('link');
link.setAttribute('data-chunk', chunkName);
link.setAttribute('href', `${PUBLIC_PATH}/${chunkName}-${timestamp}.css`);
- link.setAttribute('id', 'tru-style');
+ link.setAttribute('id', `tru-style-${chunkName.replace('/', '-')}`);
link.setAttribute('rel', 'stylesheet');
const head = document.getElementsByTagName('head')[0];
head.appendChild(link);