Vite TS issue with " is not exported by " - how to use common contract between different TS modules

[iamdeveloperidevelop]

Hi!
I've checked few examples over net and github and other tuts, but I struggle.
Here's what I get while running build on root:

'GoogleLogInData' is not exported by ../func-auth-contract/lib/index.js, imported by src/App.vue?vue&type=script&setup=true&lang.ts
file: /home/szymonubuntu/workshop/test/packages/ui/src/App.vue?vue&type=script&setup=true&lang.ts:6:9
4: const _hoisted_1 = { class: "main-view" }
5: 
6: import { GoogleLogInData } from '@test/func-auth-contract';
            ^
7: 
8: export default /*#__PURE__*/_defineComponent({
error during build:
Error: 'GoogleLogInData' is not exported by ../func-auth-contract/lib/index.js, imported by src/App.vue?vue&type=script&setup=true&lang.ts
    at error (file:///home/szymonubuntu/workshop/test/packages/ui/node_modules/rollup/dist/es/shared/rollup.js:1858:30)
    at Module.error (file:///home/szymonubuntu/workshop/test/packages/ui/node_modules/rollup/dist/es/shared/rollup.js:12412:16)
    at Module.traceVariable (file:///home/szymonubuntu/workshop/test/packages/ui/node_modules/rollup/dist/es/shared/rollup.js:12771:29)
    at ModuleScope.findVariable (file:///home/szymonubuntu/workshop/test/packages/ui/node_modules/rollup/dist/es/shared/rollup.js:11423:39)
    at FunctionScope.findVariable (file:///home/szymonubuntu/workshop/test/packages/ui/node_modules/rollup/dist/es/shared/rollup.js:6355:38)
    at ChildScope.findVariable (file:///home/szymonubuntu/workshop/test/packages/ui/node_modules/rollup/dist/es/shared/rollup.js:6355:38)
    at Identifier.bind (file:///home/szymonubuntu/workshop/test/packages/ui/node_modules/rollup/dist/es/shared/rollup.js:7422:40)
    at NewExpression.bind (file:///home/szymonubuntu/workshop/test/packages/ui/node_modules/rollup/dist/es/shared/rollup.js:5252:23)
    at VariableDeclarator.bind (file:///home/szymonubuntu/workshop/test/packages/ui/node_modules/rollup/dist/es/shared/rollup.js:5252:23)
    at VariableDeclaration.bind (file:///home/szymonubuntu/workshop/test/packages/ui/node_modules/rollup/dist/es/shared/rollup.js:5248:73)
ERROR: "build-only" exited with 1.

Repo is here: https://github.com/szwalkowski/issuewithvite
I'm using Node 18

Structure looks like this:

• root
• • ui
• • contract
• • auth

auth and ui should use contract for common types

I do know that I have different setting for TS in Vue and auth - but this is what was working for me for some time untill I wanted to use same contract module.

[hemengke1997]

yes, of course. It is correct to encounter this problem.
You did not export lib from func-auth-contract

Make sure export what you want and fill your code here.

[iamdeveloperidevelop]

Thank you kindly @hemengke1997 for taking a look!
I'm not sure I follow. I do export lib/index.js and in index.js we have exported other files - like GoogleLogInData. That's why it is working for func-auth where it's imported also.

Generated index.js file from func-auth-contract

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.GoogleLogInData = void 0;
var GoogleLogInData_1 = require("./GoogleLogInData");
Object.defineProperty(exports, "GoogleLogInData", { enumerable: true, get: function () { return GoogleLogInData_1.GoogleLogInData; } });
//# sourceMappingURL=index.js.map

[rlconst]

Similar issue for interfaces:

I have an error

node_modules/@blockly/continuous-toolbox/src/index.ts (14:26): "LabelFlyoutItem" is not exported by "node_modules/@blockly/continuous-toolbox/src/ContinuousFlyout.ts", imported by "node_modules/@blockly/continuous-toolbox/src/index.ts".

12: 
13: import {ContinuousCategory} from './ContinuousCategory';
14: import {ContinuousFlyout, LabelFlyoutItem} from './ContinuousFlyout';
                              ^
15: import {ContinuousMetrics} from './ContinuousMetrics';
16: import {ContinuousToolbox} from './ContinuousToolbox';

but if you look at index.ts and ContinuousFlyout the interface indeed exported

[rlconst]

Apparently it should be import {ContinuousFlyout, type LabelFlyoutItem} from './ContinuousFlyout';