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);