diff --git a/src/light-async.js b/src/light-async.js
index 1b0a29abd..a3f72824e 100644
--- 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;
+    }),
 });
\ No newline at end of file
diff --git a/src/prism-async-light.js b/src/prism-async-light.js
index 8c5ceaad8..909b5a4cb 100644
--- 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
index f8b64f2bc..dc8c6d1d2 100644
--- 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;
+    }),
 });
\ No newline at end of file