{"id":25213,"library":"ember-cli-babel-typescript","title":"ember-cli-babel-typescript","description":"An ember-cli addon that configures ember-cli-babel for TypeScript transpilation using @babel/plugin-transform-typescript. Version 0.0.0-beta.2, unstable beta release. It installs a beta version of ember-cli-babel with Babel 7 support, adds required transforms, enables .ts file transpilation, and integrates with eslint via typescript-eslint-parser. Does not perform type checking. Differentiator: simplifies TypeScript setup in Ember apps/addons by automating Babel and ESLint config changes.","status":"deprecated","version":"0.0.0-beta.2","language":"javascript","source_language":"en","source_url":"https://github.com/ClarkSource/ember-cli-babel-typescript","tags":["javascript","ember-addon","typescript","babel"],"install":[{"cmd":"npm install ember-cli-babel-typescript","lang":"bash","label":"npm"},{"cmd":"yarn add ember-cli-babel-typescript","lang":"bash","label":"yarn"},{"cmd":"pnpm add ember-cli-babel-typescript","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Peer dependency to extend Babel configuration for TypeScript support.","package":"ember-cli-babel","optional":false}],"imports":[{"note":"This is an Ember addon, uses CommonJS module.exports for configuration.","wrong":"export default { ... }","symbol":"default export","correct":"module.exports = { ... }"},{"note":"Configuration key is a string in ember-cli-build.js options object.","wrong":"'ember-cli-babel-typescript': { enabled: true }","symbol":"'ember-cli-babel-typescript' option in ember-cli-build.js","correct":"'ember-cli-babel-typescript': { disable: false }"}],"quickstart":{"code":"// ember install the addon\nember install @ClarkSource/ember-cli-babel-typescript\n\n// Then in your component.js:\nimport Component from '@ember/component';\n\nexport default class MyComponent extends Component {\n  greeting: string = 'Hello';\n}\n","lang":"javascript","description":"Installs the addon via ember and shows a basic TypeScript component using class syntax."},"warnings":[{"fix":"Consider using ember-cli-typescript or natively supported TypeScript in newer Ember versions.","message":"This package is a beta and likely superseded by official TypeScript support in Ember CLI.","severity":"deprecated","affected_versions":"all"},{"fix":"Pin ember-cli-babel version in package.json to control risk.","message":"Installs an unreleased beta version of ember-cli-babel (Babel 7), which may break other addons.","severity":"breaking","affected_versions":"0.0.0-beta.2"},{"fix":"Run tsc separately or use an IDE plugin for type checking.","message":"This addon does NOT perform type checking; only transpilation. TypeScript errors won't appear at build time.","severity":"gotcha","affected_versions":"all"},{"fix":"Ensure no other addons depend on those packages before installing.","message":"Uninstalls @ember-decorators/babel-transforms and babel-eslint, potentially breaking existing decorator setups.","severity":"gotcha","affected_versions":"all"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Ensure ember-cli-babel is at the correct beta version required by this addon.","cause":"Missing TypeScript configuration or incompatible Babel plugin version.","error":"TypeScript compilation failed: ..."},{"fix":"Manually add 'typescript-eslint-parser' to devDependencies.","cause":"Addon tries to install typescript-eslint-parser but may fail in offline or locked environments.","error":"Cannot find module 'typescript-eslint-parser'"},{"fix":"Remove custom Babel options; this addon configures what's needed.","cause":"User passes unsupported options to Babel via ember-cli-build.js.","error":"Option '--typescript-interop' is not supported in ember-cli-babel"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}