EvalError: tslib_1.__importStar is not a function

[layershifter]

Environment

• Linaria version: @linaria/babel-preset@4.4.1
• Bundler (+ version): N/A
• Node.js version: Node 16
• OS: N/A

Description

I checked the latest version on one of our projects and build there fails tslib_1.__importStar. In logs I noticed following:

2023-02-10T14:39:21.123Z linaria:module:00003 [code-cache] [] is missing ([ '__exportStar' ] were cached)
2023-02-10T14:39:21.123Z linaria:module:00003 [evaluated] get __importStar: undefined

Reproducible Demo

Note: I tried to build a smaller repro, but failed 🙃

• Open https://stackblitz.com/edit/node-znzrvt
• Run yarn
• Run node index.js

EvalError: /home/projects/node-znzrvt/code/Button.js: tslib_1.__importStar is not a function in
| /home/projects/node-znzrvt/node_modules/@fluentui/react-icons/lib-cjs/icons/chunk-0.js
| /home/projects/node-znzrvt/node_modules/@fluentui/react-icons/lib-cjs/index.js
| /home/projects/node-znzrvt/code/Button.js

    at Module.evaluate (file:///home/projects/node-znzrvt/node_modules/@linaria/babel-preset/lib/module.js:362:13)
    at require.Object.assign.ensure (file:///home/projects/node-znzrvt/node_modules/@linaria/babel-preset/lib/module.js:302:13)
    at eval (file:///home/projects/node-znzrvt/node_modules/@fluentui/react-icons/lib-cjs/index.js:10:22)
    at eval (file:///home/projects/node-znzrvt/node_modules/@fluentui/react-icons/lib-cjs/index.js:103:3)

[layershifter]

When it works:

2023-02-10T14:55:25.036Z linaria:module:00003 [evaluated] set __importStar: [Function: __importStar]
2023-02-10T14:55:25.036Z linaria:module:00003 [evaluated] set __importDefault: [Function: __importDefault]
2023-02-10T14:55:25.036Z linaria:module:00003 [evaluated] set __classPrivateFieldGet: [Function: __classPrivateFieldGet]
2023-02-10T14:55:25.036Z linaria:module:00003 [evaluated] set __classPrivateFieldSet: [Function: __classPrivateFieldSet]
2023-02-10T14:55:25.036Z linaria:module:00003 [evaluated] set __classPrivateFieldIn: [Function: __classPrivateFieldIn]
2023-02-10T14:55:25.036Z linaria:module:00003 [evaluated] get __exportStar: [Function: __exportStar]

When it fails:

2023-02-10T14:39:21.122Z linaria:module:00003 [code-cache] [] is missing ([ '__exportStar' ] were cached)
2023-02-10T14:39:21.122Z linaria:module:00003 [evaluated] get __exportStar: undefined

[juanferreras]

@layershifter I'm not up to speed with how linaria is caching transformations but it does look like the tslib module is failing in your example (required by your code but also within the @fluentui/react-icons module)

it goes through this code path https://github.com/callstack/linaria/blob/master/packages/babel/src/module.ts#L414-L420 (a partial cache match?).

@Anber in this scenario, shouldn't it either...

1. read again the code from filesystem: code = fs.readFileSync(filename, 'utf-8'); OR
2. use the cached code?

What'd be the logic for not doing either? Apologies if I'm misunderstanding there!

I've tried it locally and seems both alternatives stop crashing this example

[Anber]

@juanferreras, yep, you are right. The problem was that there was no code being executed in module.ts. This occurred when the file was not processed in previous stages, which happened for two reasons:

1. re-exports through __exportStar were not being processed (and in general, the syntax tslib_1.something_there);
2. node_modules was being ignored, so all its contents were not being transpiled and not being cached.

I've fixed the problem with __exportStar and also implemented your first approach with reread.