diff --git a/docs/packages/markdown/loader.js b/docs/packages/markdown/loader.js
index 8c8916b0c88fc1..4f996342c6e497 100644
--- a/docs/packages/markdown/loader.js
+++ b/docs/packages/markdown/loader.js
@@ -20,7 +20,7 @@ function upperCaseFirst(string) {
  * @example moduleIDToJSIdentifier('../Box-new.js') === '$$$BoxNewJs'
  */
 function moduleIDToJSIdentifier(moduleID) {
-  const delimiter = /(\.|-|\/)/;
+  const delimiter = /(\.|-|\/|:)/;
   return moduleID
     .split(delimiter)
     .filter((part) => !delimiter.test(part))
@@ -205,7 +205,7 @@ module.exports = async function demoLoader() {
   );
 
   componentNames.forEach((componentName) => {
-    const moduleID = path.join(this.rootContext, 'src', componentName);
+    const moduleID = path.join(this.rootContext, 'src', componentName).replace(/\\/g, '/');
 
     components[moduleID] = componentName;
     componentModuleIDs.add(moduleID);