Registry / web-framework / systemjs-babel

systemjs-babel

library0.3.2jsnpmunverified

SystemJS Babel Extension (systemjs-babel) version 0.3.2 provides transpilation of TypeScript (.ts) and ES modules (.js) in the browser via SystemJS. It leverages SystemJS's fetch hook to transpile source on-the-fly, skipping already registered System modules. This extension is intended for development workflows only and does not perform type checking or configuration hooks. It supports current syntax polyfills but not missing features. Last release 0.3.2 fixes a regex issue. Releases are infrequent; the package is stable but receives minimal updates.

web-framework

npm install systemjs-babel

github ↗package ↗

INSTALL

IMPORT

SIG · SYSTEMJS-BABEL

systemjs-babel

web-frameworkjavascriptv0.3.2

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–226 runs

build_error

glibc

node 18–226 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

systemjs-babel

✓ import 'systemjs-babel';

✗ const SystemJSBabel = require('systemjs-babel');

This package is a side-effect plugin; import it before using SystemJS.import() with .ts or .js files.

Shows browser usage: include SystemJS and systemjs-babel scripts, then import .ts and .js files with SystemJS.

<script src="https://unpkg.com/systemjs/dist/s.js"></script> <script src="https://unpkg.com/systemjs-babel/dist/systemjs-babel.js"></script> <script> // Load a TypeScript module System.import('./app.ts') .then(m => console.log(m)) .catch(e => console.error(e)); // Load an ES module System.import('./module.js') .then(m => m.default()); </script>

Debug

Known issues

deprecatedpackage.json "main" is not pointing to correct path for CommonJS, may cause require() issues in Node.js

fix

Use browser environment only; for Node.js consider alternative build tools.

affects: 0.3.2

gotchaAll .ts imports must include the file extension (e.g., './mod.ts'). This is unlike typical TypeScript bundlers.

fix

Always include .ts extension for relative imports in TypeScript files.

affects: >=0.1.0

gotchaBabel does not perform type checking; TypeScript type errors will not be caught during transpilation.

fix

Use a separate type-checking step with tsc --noEmit.

affects: >=0.1.0

gotchaPolyfills for modern features (e.g., async/await) are not provided; only syntax transpilation is done.

fix

Use core-js or polyfill.io for runtime polyfills.

affects: >=0.1.0

gotchaBare specifiers (e.g., import 'lodash') require an import map to be configured.

fix

Add an import map via <script type="systemjs-importmap">.

affects: >=0.1.0

Errors

Common errors & fixes

Uncaught (in promise) Error: Unable to load file with .ts extension

Missing file extension in import statement or missing systemjs-babel script.

fix

Ensure systemjs-babel is loaded before System.import, and include .ts extension: 'import './mod.ts'

Module does not define a constructor

Using old bundler pattern; systemjs-babel expects ES module or TypeScript syntax.

fix

Use 'export default' or 'export function' instead of assigning to module.exports.

TypeError: System.import is not a function

System is not defined; SystemJS script not loaded or loaded out of order.

fix

Include <script src="systemjs/dist/s.js"></script> before systemjs-babel.

Upgrade

Version history

0.3.2latest on npm

Audit

Dependencies

No dependency data recorded yet.

Agent activity

13 hits · last 30 days

node

Amazon

Resources

githubhttps://github.com/systemjs/systemjs-babel ↗

packagehttps://www.npmjs.com/package/systemjs-babel ↗