Error on importing from browser console

[u254254]

Version: 0.4.1 from jsDelivr

I just tried

(await import('https://cdn.jsdelivr.net/npm/@js-temporal/polyfill@0.4.1/dist/index.esm.js')).Temporal

to import polyfill in browser console, but I got:

Uncaught TypeError: Failed to resolve module specifier "jsbi". Relative references must start with either "/", "./", or "../".

[justingrant]

@12wrigja, any idea about this one?

[12wrigja]

I think you need to provide the relevant import map to help the browser know what you mean when you request "JSBI". Based off reading https://www.digitalocean.com/community/tutorials/how-to-dynamically-import-javascript-with-import-maps I think you need something like this:

<script type="importmap">
  {
    "imports": {
        "jsbi": "https://cdn.jsdelivr.net/npm/jsbi@4.2.0/dist/jsbi-umd.js",
     }
   }
</script>

That being said, I don't think this is supported across all browsers so your still best off using NPM to install this for your project: npm install @js-temporal/polyfill

[12wrigja]

That being said, looking at the sources in that file it doesn't seem like I enabled an actual production build in the last release as those sources don't look minified at all?

temporal-polyfill/rollup.config.js

Lines 118 to 159 in 32526b3

	// Production / production-like builds
	// - an ES2020 CJS bundle for "main"
	// - an ES2020 ESM bundle for "module"
	// Note that all dependencies are marked as external and won't be included in
	// these bundles.
	const modernBuildDef = {
	input,
	external,
	output: [
	// ESM bundle
	outputEntry(pkg.module, 'es'),
	// CJS bundle.
	// Note that because package.json specifies "type":"module", the name of
	// this file MUST end in ".cjs" in order to be treated as a CommonJS file.
	outputEntry(pkg.main, 'cjs')
	],
	plugins: withPlugins({
	debugBuild: !isProduction,
	optimize: isProduction
	// Here is where we could insert the JSBI -> native BigInt plugin if we
	// could find a way to provide a separate bundle for modern browsers
	// that can use native BigInt.
	// Maybe use node's exports + a user-defined condition?
	// https://nodejs.org/api/packages.html#resolving-user-conditions
	})
	};
	// A legacy build that
	// - bundles all our dependencies (big-integer) into this file
	// - transpiles down to ES5
	const legacyUMDBuildDef = {
	input,
	// UMD bundle for using in script tags, etc
	// Note that some build systems don't like reading UMD files if they end in
	// '.cjs', so this entry in package.json should end in a .js file extension.
	output: [outputEntry(pkg.browser, 'umd')],
	plugins: withPlugins({
	debugBuild: !isProduction,
	optimize: isProduction,
	babelConfig: es5BundleBabelConfig
	})
	};

I'll investigate that and possibly push a new package to fix it.

[taralx]

FWIW you can use the experimental rewrite support on unpkg: https://unpkg.com/@js-temporal/polyfill@0.4.1/dist/index.esm.js?module

[12wrigja]

Closing due to inactivity, and there's multiple potential solutions provided.