Bug(transloco): Using schematics for existing project

[Luzgar]

Is there an existing issue for this?

• I have searched the existing issues

Which Transloco package(s) are the source of the bug?

Schematics

Is this a regression?

Yes

Current behavior

I'm trying to use transloco on an existing project who's using the build-in i18n angular.
After installing the package with ng add @jsverse/transloco, the schematics seems to not been included.
When using ng g @jsverse/transloco-schematics:ngx-migrate like describe in the docs, I get the error :

An unhandled exception occurred: Collection "@jsverse/transloco-schematics" cannot be resolved.

Expected behavior

Migrate all the existing translation to transloco.

Please provide a link to a minimal reproduction of the bug, if you won't provide a link the issue won't be handled.

https://codesandbox.io/p/sandbox/jsverse-transloco-kn52hs

Transloco Config

import {TranslocoGlobalConfig} from '@jsverse/transloco-utils';
    
const config: TranslocoGlobalConfig = {
  rootTranslationsPath: 'src/assets/i18n/',
  langs: [ 'en', 'fr' ],
  keysManager: {}
};
    
export default config;

Please provide the environment you discovered this bug in

Transloco: 8.0.2
Angular: 20.1.3
Node: 24.3.0
Package Manager: npm (11.4.2)
OS: Windows 11

Browser

Additional context

No response

I would like to make a pull request for this bug

No

[shaharkazaz]

@Luzgar Hey! Thanks for the issue.
You need first to install the package, and then you'll be able to run the schematic.
I've updated the documentation to mention that step when using the Angular CLI as well.
LMK if that works for you 🙂

[Luzgar]

Thx for the answers. I'm able to use the command now but it fails everytime with the same error. Is there some logs that I can found to give some more context ?

[shaharkazaz]

Can you create a small reproduction so I can debug it?

[Luzgar]

Basically, if the i18n directive is after the linked text, I have the error. For example :

<div>
  <p-select
    [(ngModel)]="selectedPeriod"
    [options]="periods"
    optionLabel="name"
    placeholder="Select a period"
    i18n-placeholder
   ></p-select>
</div>

give me this result :

<div>
  {{ '' | transloco }}<p-select
    [(ngModel)]="selectedPeriod"
    [options]="periods"
    optionLabel="name"
    placeholder="Select a period"
   -placeholder
   ></p-select>
</div>

When I swap placeholder and i18n-placeholder position, it works well.

So I go through all templates files to swap positions and the error disappear.
But for typescript, $localize are still not modified.

Another remarks, at the end of the execution, the console prompt a link to the docs but I think it's the old URL

[shaharkazaz]

@Luzgar Thank you so much for all the information you provided!
A small repository would be excellent, allowing me to conduct extensive tests and improve the migration. It was written a long time ago and can be significantly enhanced.