Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Error: Node TemplateLiteralType was unexpected

See original GitHub issue

Describe the bug As soon as i use a so-called Template Literal Type (a TypeScript 4.2 feature) in one of my components, storybook can not load it and gets errors.

To Reproduce Create project.

Angular 12.1.1
TS 4.2.4
Storybook 6.3.2

Write this in any component:

enum ThemeEnum {
  DANGER = 'danger',
  SUCCESS = 'success',
}
const theme : ThemeEnum | `${ThemeEnum}` = 'danger';

Additional context Errors look like this:

Unexpected error while loading ./path/foo.component.stories.ts: Error: Module build failed (from ./node_modules/ts-loader/index.js):
Error: Debug Failure. Unexpected node.
Node TemplateLiteralType was unexpected.

Issue Analytics

State:
Created 2 years ago
Reactions:5
Comments:5 (3 by maintainers)

Top GitHub Comments

4reactions

JSMikecommented, Feb 3, 2022

Ok, FYI, Angular 12 requires TypeScript 4.2, and Angular 13 requires TypeScript 4.4. Anyone looking to take advantage of new TypeScript features in their Angular projects will run into this type of issue when Storybook builds.

0reactions

shilmancommented, Feb 1, 2022

We’ll definitely upgrade it for 7.0, our next major release, which is coming later this year. @ndelangen you looked at this recently – any chance we’ll get to it sooner?