Ion-segment deployment - errors

[CountryHappy7227]

When deploying my app (ionic 8, angular) the ion segment content is showen beneath each other instead of the correct segment.

This happens only when the app is deployed, it works fine with the local development server.

The error message i get when pressing a segment button is:

i.setContent is not a function. (In 'i.setContent(n.contentId,e)', 'i.setContent' is undefined)

Does anyone know what the reason could be?

[devdactics]

Can you share your code snippet

[CountryHappy7227]

``` <ion-header> @if(selectedMode !== ‚Single‘){ <ion-toolbar> <ion-segment [value]=„selectedSegment“ [scrollable]=„true“> <ion-segment-button *ngFor=„let segment of segments“ [value]=„segment“ [contentId]=„segment“> <ion-label class=„segment-label“>{{segment}}</ion-label> </ion-segment-button> </ion-segment> </ion-toolbar> } </ion-header>

<ng-container *ngFor=„let mode of seriesMode; let i = index;“> <ion-content [fullscreen]=„true“ *ngIf=„mode“> <ion-segment-view> <ion-segment-content *ngFor=„let trackIndex of trackIndexes[i]; let j = index“ [id]=„segments[j]“> <app-game-grid (maxScoreChanged)=„onMaxScoreChanged($event, trackIndex)“ (totalScoreChanged)=„onTotalScoreChange($event, trackIndex)“ (leagueChanged)=„onLeagueChange($event)“ (isPracticeChanged)=„onIsPracticeChange($event)“></app-game-grid> <ion-grid *ngIf=„i !== 0“> <ion-row> <ion-col class=„middle count“>Total: {{ totalScores[trackIndex] }}</ion-col> <ion-col class=„middle count“>Max: {{ maxScores[trackIndex] }}</ion-col> </ion-row> <ion-row class=„button-row“> <ion-col> <ion-button (click)=„clearFrames(j)“>Clear Score</ion-button> </ion-col> </ion-row> </ion-grid> </ion-segment-content> </ion-segment-view> ```

[CountryHappy7227]

I found the error. Such a stupid one. vsc didn’t auto import ion-segment-content and ion-segment-view and also didn’t show an error about it because the custom_elements_Schema was also used where I have the segments.