Query About label shown in frontstages

[hsanand61564]

In the above viewer everywhere there is shown label like cube.left, cube.right, snapModeField.snapMode etc

Is there any global solution for the same or something that I may be missing.

[bsteinbk]

The text that is being displayed are keys to look up localized strings. Since the keys are displayed, this means that the app is either not delivering the localized strings, typically under the locales folder, or the localization is not being properly initialized. See https://github.com/imodeljs/itwin-viewer/blob/6a053db816563d7e48a71351f37a0a1effd6feb2/packages/modules/itwin-viewer-react/src/services/Initializer.ts#L245-L246 to see an example of how to initialize the localization. You can also review the network tab in the Chrome debugger to see if files like UiFramework.json are being requested and to see if the response contains actual JSON data.

[hsanand61564]

@bsteinbk When I tried to see the console, it showed like this

I believe I am missing something that is not giving any of the json files to the locales. Can u please help for the same

[aruniverse]

Please run a build of your app, webpack should copy and deliver the localization files. This is assuming youre using bentley/react-scripts

[calebmshafer]

As @aruniverse mentions, the react-scripts build script will copy all of the required localization files out of the dependencies for you. We do have an open PR that will make it so that react-scripts start, and npm run start, handles that as well to avoid this type of issue. Here's a link to that update so you can follow it, imodeljs/create-react-app#37.