rollup-plugin-typescript2 | Rollup plugin for typescript with compiler errors | Plugin library

I was able to fix it by setting:

Okay, after some deep digging.. The issue was related to not adding a package as an external dependency. When it wasn't included, rollup would create a bundled node_modules folder with the packages that weren't being added into the external config and attempt to create a directory on top of that using that bundled javascript.

Output structure

The issue didn't come from Rollup, it was the import in the Card component that was wrong. macro was there by mistake:

This issue is caused by a known bug in Storybook. As a workaround, add the following code snippet to .storybook/main.js:

Looks like DisplayHint is a TS type/interface, not an exported JS value.

Rollup per se is a bundler not a TS language analyzer. It cannot tell if a named export is a concrete JS value or merely a non-existing TS type, thus the reported error.

Rollup plugin order matters. To resolve this specific problem, just lift the typescript plugin up in order, at least before babel. TS plugin, if put to work first, will correctly erase TS type from JS code output.

Update

I know another trick, but it’s a workaround-ish one. The trick is to use import type syntax to explicitly mark DisplayHint as a TS type.

chnage the .js file to

I have zero knowledge about this, but for a temporary answer, what worked for me (when I had the same error with jest) was adding,

- run: lerna bootstrap --no-ci

before running my npm test command in my workflow config. Thus I ended up with a workflow like this:

If you expect to use an "external" @material-ui/core (i.e. not part of the rollup), you should specify it as such.

Rollup actually has documentation on peer dependencies, which does specify to use externals, for example with lodash:

Use svelte-check for this: https://www.npmjs.com/package/svelte-check

tsc --noemit only knows about TypeScript files, not Svelte files. svelte-check fills that gap and is able to check both TS and Svelte files.

When using it with TypeScript the recommended way to run it is: svelte-check --tsconfig ./path/to/your/tsconfig.json . Assuming your tsconfig.json is in your project root and you run that from the root, do svelte-check --tsconfig ./tsconfig.json . It's advised to install svelte-check locally, so you can add a script to your package.json with the mentioned command.