Fix webpack 3 async imports

react-syntax-highlighter · Oct 22, 2018 · 3c3bc0a · 3c3bc0a
1 parent c9ce284
commit 3c3bc0a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/src/light-async.js b/src/light-async.js
@@ -4,5 +4,8 @@ export default createAsyncLoadingHighlighter({
   supportsLanguageRegistering: true,
   loader: () => import(
     /* webpackChunkName:"react-syntax-highlighter/lowlight-import" */ 
-    'lowlight/lib/core').then(({ default: lowlight }) => lowlight),
+    'lowlight/lib/core').then((module) => {
+      // Webpack 3 returns module.exports as default as module, but webpack 4 returns module.exports as module.default
+      return module.default || module;
+    }),
 });
diff --git a/src/prism-async-light.js b/src/prism-async-light.js
@@ -4,5 +4,8 @@ export default createAsyncLoadingHighlighter({
   supportsLanguageRegistering: true,
   loader: () => import(
     /* webpackChunkName:"react-syntax-highlighter/refractor-core-import" */ 
-    'refractor/core').then(({ default: refractor }) => refractor),
+    'refractor/core').then((module) => {
+      // Webpack 3 returns module.exports as default as module, but webpack 4 returns module.exports as module.default
+      return module.default || module;
+    }),
 });
diff --git a/src/prism-async.js b/src/prism-async.js
@@ -3,5 +3,8 @@ import createAsyncLoadingHighlighter from './async-syntax-highlighter';
 export default createAsyncLoadingHighlighter({
   loader: () => import(
     /* webpackChunkName:"react-syntax-highlighter/refractor-import" */ 
-    'refractor').then(({ default: refractor }) => refractor),
+    'refractor').then((module) => {
+      // Webpack 3 returns module.exports as default as module, but webpack 4 returns module.exports as module.default
+      return module.default || module;
+    }),
 });