TRY: Dynamic imports using require

webpack/webpack#7713

src/fetcher.ts

@@ -5,21 +5,23 @@ export const fetch: typeof window.fetch = (resource, init) => {
   // Implementation note: it's up to the client application to resolve these module names to the
   // respective npm packages. At least one commonly used tool (Webpack) is only able to do that if
   // the module names are literal strings.
-  const fetcherPromise = import(
-    // TypeScript cannot find the module - which is correct, since the consumer app should/can
+  let fetch;
+
+  try {
+    fetch = require(// TypeScript cannot find the module - which is correct, since the consumer app should/can
     // provide it:
     // @ts-ignore
-    "@inrupt/solid-auth-fetcher"
-  )
-    .catch(() =>
-      import(
-        // TypeScript cannot find the module - which is correct, since the consumer app should/can
-        // provide it:
-        // @ts-ignore
-        "solid-auth-client"
-      )
-    )
-    .catch(() => import("cross-fetch"));
+    "@inrupt/solid-auth-fetcher").fetch;
+  } catch (e) {
+    try {
+      fetch = require(// TypeScript cannot find the module - which is correct, since the consumer app should/can
+      // provide it:
+      // @ts-ignore
+      "solid-auth-client");
+    } catch (e) {
+      fetch = require("cross-fetch");
+    }
+  }
 
-  return fetcherPromise.then(({ fetch }) => fetch(resource, init));
+  return fetch(resource, init);
 };