Stencil: the "@nx/@nxext/stencil:library" generator doesn't yet support the existing TypeScript setup

[dgonzalezr]

Describe the bug

We cannot generate a Stencil library in an Nx TypeScript Setup.

NX deprecated time ago the packaged-based monorepo type and the closest we have now for packaged monorepos type will be initializing Nx as a TypeScript/JavaScript project with minimal structure.

To Reproduce

1. Start a new Nx workspace as TypeScript/JavaScript project
2. Add @nxext/stencil dependency
3. Generate a Stencil library: npx nx g @nxext/stencil:library ...

Expected behavior

The library should be generated as expected

Additional context
Add any other context about the problem here.

[valeriocomo]

The same here.

I tried to run it with NX_IGNORE_UNSUPPORTED_TS_SETUP=true env variable, as stated here, but I encountered another problem, reported here.

[dgonzalezr]

For new starter projects, the only solution I've discovered is to create an NPM/PNPM workspace and then configured NX in it. After that, I added nx-extensions and continued with the Stencil setup.

[valeriocomo]

Thanks @dgonzalezr .

What kind of preset did you use for nx?

[dgonzalezr]

What kind of preset did you use for nx?

None, just added what I needed on the go

[MotassemJa]

Any updates on this? It would be really nice to support workspaces setup since it is the default when creating a new nx-project now.
https://nx.dev/nx-api/nx/documents/create-nx-workspace#options

[pawel-twardziak]

@dgonzalezr @MotassemJa @valeriocomo is this issue still relevant? If so, I can take over if it is ok for you - we need to clean up the issues backlog for the current year :)

[MotassemJa]

@pawel-twardziak Yes, it is still relevant. As a workaround I created NX Targets with nx-command.

[pawel-twardziak]

@MotassemJa ok, I will fix it. @DominikPieper ok?

[DominikPieper]

@pawel-twardziak yes sure, thank you :)

[OysteinAmundsen]

I have the same error:

bun run nx add @nxext/stencil
$ nx add @nxext/stencil

✔ Installing @nxext/stencil@latest...
⠋ Initializing @nxext/stencil...$ nx g @nxext/stencil:init

 NX  Generating @nxext/stencil:init


 NX   The "@nx/@nxext/stencil" plugin doesn't yet support the existing TypeScript setup

We're working hard to support the existing TypeScript setup with the "@nx/@nxext/stencil" plugin. We'll soon release a new version of Nx with support for it.


 NX   The "@nx/@nxext/stencil" plugin doesn't yet support the existing TypeScript setup. See the error above.

Pass --verbose to see the stacktrace.

error: script "nx" exited with code 1
✖ Initializing @nxext/stencil...


 NX   Failed to initialize @nxext/stencil

  - Command failed: bun nx g @nxext/stencil:init
    Error: Command failed: bun nx g @nxext/stencil:init
        at genericNodeError (node:internal/errors:983:15)
        at wrappedFn (node:internal/errors:537:14)
        at checkExecSyncError (node:child_process:882:11)
        at execSync (node:child_process:954:15)
        at runNxSync (C:\dev\toolbox-web\node_modules\nx\src\utils\child-process.js:35:34)
        at runPluginInitGenerator (C:\dev\toolbox-web\node_modules\nx\src\command-line\init\configure-plugins.js:71:35)
        at initializePlugin (C:\dev\toolbox-web\node_modules\nx\src\command-line\add\add.js:92:62)
        at C:\dev\toolbox-web\node_modules\nx\src\command-line\add\add.js:26:15
        at async handleErrors (C:\dev\toolbox-web\node_modules\nx\src\utils\handle-errors.js:8:24)
        at async Object.handler (C:\dev\toolbox-web\node_modules\nx\src\command-line\add\command-object.js:25:22)

error: script "nx" exited with code 1

Any news on this? Just curious, not trying to rush you guys. I know you probably are very busy and I'm really thankful that you are putting in the effort here. Anything I can do to help perhaps?

[igorlino]

hi there, i came to this error today, was holding out 2 years for updates. at that time there was some incompatibility that I could not resolve. Today I decided to give it a try, start a project from scratch, but the try came to a stop due that.

My old project uses the stencil with TypeScript, so there are quite many template files tsx, which is super nice.

My steps to create the project where not far different, 4 simple steps:

npm install -g nx
npx create-nx-workspace@latest nx-demo --preset=ts
cd nx-demo
npm install -D @nx/js @nx/react @nx/storybook @nxext/stencil @jscutlery/semver @storybook/web-components-vite @storybook/react-vite sass
nx g @nxext/stencil:lib pl-core-wrapper-lib --style=scss --unitTestRunner=none --verbose

the output from the last command was:

NX   The "@nx/@nxext/stencil:library" generator doesn't yet support the existing TypeScript setup. See the error above.

Error: The "@nx/@nxext/stencil:library" generator doesn't yet support the existing TypeScript setup. See the error above.
    at assertNotUsingTsSolutionSetup (/Users/joe/projects/nx-demo/node_modules/@nx/js/src/utils/typescript/ts-solution-setup.js:108:11)
    at /Users/joe/projects/nx-demo/node_modules/@nxext/stencil/src/generators/library/generator.js:50:63
    at Generator.next (<anonymous>)
    at /Users/joe/projects/nx-demo/node_modules/tslib/tslib.js:170:75
    at new Promise (<anonymous>)
    at Object.__awaiter (/Users/joe/projects/nx-demo/node_modules/tslib/tslib.js:166:16)
    at libraryGenerator (/Users/joe/projects/nx-demo/node_modules/@nxext/stencil/src/generators/library/generator.js:49:20)
    at /Users/joe/projects/nx-demo/node_modules/nx/src/command-line/generate/generate.js:240:32
    at process.processTicksAndRejections (node:internal/process/task_queues:105:5)
    at async handleErrors (/Users/joe/projects/nx-demo/node_modules/nx/src/utils/handle-errors.js:8:24)

wondering why the generator behaves in that way..

let me know if there is anything I can help with