error TS2742: The inferred type of 'default' cannot be named without a reference

[TonyFresneau]

Im trying to pnpm prepack a nuxt3 module with a package which exports a simple object and its types file.

1 - In the playground/node_modules/myPackage/dist

index.d.ts :

type Params = string[];

declare const endpoints: {
    abc: (q: Params) => string;
};

export { Params, endpoints as default };

index.js :

// src/index.ts
var endpoints = {
  abc: (q) => "test"
};
var src_default = endpoints;
export {
  src_default as default
};

2 - In the playground/app.config.ts

import endpoints from "myPackage";

export default {
    endpoints
};

3 - In the module, src/runtime/plugin.ts :

import { defineNuxtPlugin, useAppConfig } from "#imports";

export default defineNuxtPlugin(() => {
   
  return {
    provide: {
      backend: useAppConfig().endpoints, 
    },
  };
});

Then, i run pnpm prepack and i always have this error :

ℹ Building my-module                                                                                                                                                                                                                                  12:16:16 PM
src/runtime/plugin.ts(3,1): error TS2742: The inferred type of 'default' cannot be named without a reference to '../../playground/node_modules/@aurionsarl/auberdog-pension-api/dist'. This is likely not portable. A type annotation is necessary.
src/runtime/plugin.ts(3,1): error TS2742: The inferred type of 'default' cannot be named without a reference to '../../playground/node_modules/@aurionsarl/auberdog-pension-api/dist'. This is likely not portable. A type annotation is necessary.

Error [RollupError]: Failed to compile. Check the logs above.
    at error (file:///home/tony/projects/testmodule/node_modules/.pnpm/rollup@3.26.2/node_modules/rollup/dist/es/shared/node-entry.js:2245:30)
    at Object.error (file:///home/tony/projects/testmodule/node_modules/.pnpm/rollup@3.26.2/node_modules/rollup/dist/es/shared/node-entry.js:25139:20)
    at Object.error (file:///home/tony/projects/testmodule/node_modules/.pnpm/rollup@3.26.2/node_modules/rollup/dist/es/shared/node-entry.js:24262:42)
    at generateDtsFromTs (file:///home/tony/projects/testmodule/node_modules/.pnpm/rollup-plugin-dts@5.3.0_rollup@3.26.2_typescript@5.1.6/node_modules/rollup-plugin-dts/dist/rollup-plugin-dts.mjs:1697:30)
    at Object.transform (file:///home/tony/projects/testmodule/node_modules/.pnpm/rollup-plugin-dts@5.3.0_rollup@3.26.2_typescript@5.1.6/node_modules/rollup-plugin-dts/dist/rollup-plugin-dts.mjs:1706:38)
    at file:///home/tony/projects/testmodule/node_modules/.pnpm/rollup@3.26.2/node_modules/rollup/dist/es/shared/node-entry.js:25332:40
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
  id: '/home/tony/projects/testmodule/src/module.ts',
  hook: 'resolveId',
  code: 'PLUGIN_ERROR',
  plugin: 'commonjs--resolver',
  watchFiles: [
    '/home/tony/projects/testmodule/src/module.ts',
    '/home/tony/projects/testmodule/src/runtime/plugin.ts'
  ]
}
 ELIFECYCLE  Command failed with exit code 1.

And the error disappears if i replace the code in the playground/node_modules/myPackage/dist by this one :

type Params = string; // replace string[] to string

declare const endpoints: {
    abc: (q: Params) => string;
};

export { Params, endpoints as default };

[TonyFresneau]

@danielroe It seems to be related to this ticket egoist/tsup#624

[agenordebriat]

Running prepack on my module was fine on 3.6.3, but breaks on 3.6.4 with this same type of error.
Same code, just bumped the deps.

[RomanSkrypnik]

Facing the same issue with custom interfaces

[danielroe]

I think there is a way we can solve this within @nuxt/module-builder but until then you can resolve (with the latest version - and make sure you have mkdist@^1.5.1) by importing from the library which can't be named.

Something like this would likely work...

+ import type {} from 'myPackage'
  import { defineNuxtPlugin, useAppConfig } from "#imports";
  
  export default defineNuxtPlugin(() => {
     
    return {
      provide: {
        backend: useAppConfig().endpoints, 
      },
    };
  });

See microsoft/TypeScript#58176 (comment) for more about why this is happening.

[sandros94]

Facing this issue again even on a fresh module project (both on Windows and WSL):

npx nuxi init -t module module-test
pnpm run dev:prepare && pnpm prepack

returns:

> my-module@1.0.0 prepack /home/sandros94/github/sandros94/nuxt-module-test
> nuxt-module-build build

ℹ Building my-module                                                                                                                                                         5:39:29 PM
ℹ Cleaning dist directory: ./dist                                                                                                                                            5:39:29 PM
.nuxt/components.plugin.mjs(3,1): error TS2742: The inferred type of 'default' cannot be named without a reference to '~/node_modules/nuxt/dist/app/nuxt.js'. This is likely not portable. A type annotation is necessary.


 ERROR  Failed to compile. Check the logs above.                                                                                                                              5:39:31 PM

  at error (node_modules/.pnpm/rollup@3.29.5/node_modules/rollup/dist/es/shared/node-entry.js:2287:30)
  at Object.error (node_modules/.pnpm/rollup@3.29.5/node_modules/rollup/dist/es/shared/node-entry.js:25351:20)
  at Object.error (node_modules/.pnpm/rollup@3.29.5/node_modules/rollup/dist/es/shared/node-entry.js:24472:42)
  at generateDtsFromTs (node_modules/.pnpm/rollup-plugin-dts@6.1.1_rollup@3.29.5_typescript@5.7.2/node_modules/rollup-plugin-dts/dist/rollup-plugin-dts.mjs:1834:30)
  at Object.transform (node_modules/.pnpm/rollup-plugin-dts@6.1.1_rollup@3.29.5_typescript@5.7.2/node_modules/rollup-plugin-dts/dist/rollup-plugin-dts.mjs:1843:38)
  at node_modules/.pnpm/rollup@3.29.5/node_modules/rollup/dist/es/shared/node-entry.js:25544:40
  at process.processTicksAndRejections (node:internal/process/task_queues:95:5) 



 ERROR  Failed to compile. Check the logs above.                                                                                                                              5:39:31 PM

 ELIFECYCLE  Command failed with exit code 1.

[ijkml]

Ran into this today, too. How would the workaround work in this case?
Neither of these resolved it:

import { defineNuxtPlugin } from '~/node_modules/nuxt/dist/app/nuxt.js';
// ...
import { defineNuxtPlugin } from '#app';

[danielroe]

Try literally adding:

import type {} from 'nuxt/app'

(The empty {} is intended.)

[ijkml]

Thanks, but sadly that didn't work. Downgrading @nuxt/* to previous versions worked, so I'm pinning those for now. 👍

[danielroe]

@ijkml @sandros94 I think the issue you are facing is in fact vuejs/language-tools#5018. You can downgrade/pin your typescript version to ~5.6 to resolve.

[sandros94]

Also replying here:
Yes the build issue for Nuxt starter is fixed by pinning to typescript@~5.6, thank you for the ping @danielroe