{"id":20604,"library":"systemjs-babel","title":"SystemJS Babel Extension","description":"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.","status":"active","version":"0.3.2","language":"javascript","source_language":"en","source_url":"ssh://git@github.com/systemjs/systemjs-babel","tags":["javascript"],"install":[{"cmd":"npm install systemjs-babel","lang":"bash","label":"npm"},{"cmd":"yarn add systemjs-babel","lang":"bash","label":"yarn"},{"cmd":"pnpm add systemjs-babel","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"This package is a side-effect plugin; import it before using SystemJS.import() with .ts or .js files.","wrong":"const SystemJSBabel = require('systemjs-babel');","symbol":"systemjs-babel","correct":"import 'systemjs-babel';"}],"quickstart":{"code":"<!-- Install: npm install systemjs-babel -->\n<script src=\"https://unpkg.com/systemjs/dist/s.js\"></script>\n<script src=\"https://unpkg.com/systemjs-babel/dist/systemjs-babel.js\"></script>\n<script>\n  // Load a TypeScript module\n  System.import('./app.ts')\n    .then(m => console.log(m))\n    .catch(e => console.error(e));\n\n  // Load an ES module\n  System.import('./module.js')\n    .then(m => m.default());\n</script>","lang":"javascript","description":"Shows browser usage: include SystemJS and systemjs-babel scripts, then import .ts and .js files with SystemJS."},"warnings":[{"fix":"Use browser environment only; for Node.js consider alternative build tools.","message":"package.json \"main\" is not pointing to correct path for CommonJS, may cause require() issues in Node.js","severity":"deprecated","affected_versions":"0.3.2"},{"fix":"Always include .ts extension for relative imports in TypeScript files.","message":"All .ts imports must include the file extension (e.g., './mod.ts'). This is unlike typical TypeScript bundlers.","severity":"gotcha","affected_versions":">=0.1.0"},{"fix":"Use a separate type-checking step with tsc --noEmit.","message":"Babel does not perform type checking; TypeScript type errors will not be caught during transpilation.","severity":"gotcha","affected_versions":">=0.1.0"},{"fix":"Use core-js or polyfill.io for runtime polyfills.","message":"Polyfills for modern features (e.g., async/await) are not provided; only syntax transpilation is done.","severity":"gotcha","affected_versions":">=0.1.0"},{"fix":"Add an import map via <script type=\"systemjs-importmap\">.","message":"Bare specifiers (e.g., import 'lodash') require an import map to be configured.","severity":"gotcha","affected_versions":">=0.1.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Ensure systemjs-babel is loaded before System.import, and include .ts extension: 'import './mod.ts'","cause":"Missing file extension in import statement or missing systemjs-babel script.","error":"Uncaught (in promise) Error: Unable to load file with .ts extension"},{"fix":"Use 'export default' or 'export function' instead of assigning to module.exports.","cause":"Using old bundler pattern; systemjs-babel expects ES module or TypeScript syntax.","error":"Module does not define a constructor"},{"fix":"Include <script src=\"systemjs/dist/s.js\"></script> before systemjs-babel.","cause":"System is not defined; SystemJS script not loaded or loaded out of order.","error":"TypeError: System.import is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}