nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Getting error i18nLabels is undefined in Custom Widget

Danik-B

I've created a custom widget in web appbuilder developer edition. I can add it to an app within web appbuilder without issue but when I try to launch the app I get an "i18nLabels is undefined" error.

Has anyone encountered this?

Encontre mais publicações marcadas com

Accepted answers

All comments

kenbuja

What does your nls/strings.js file look like?

Danik-B

This is what I've got:

define({

root: ({

_widgetLabel: "Show Customers and Trade Area",

_featureAction_showCustomers: "Show Customers",

_featureAction_showTradeArea: "Show Trade Area"

}),

"ar": 0,

"bs": 0,

"cs": 0,

"da": 0,

"de": 0,

"el": 0,

"es": 0,

"et": 0,

"fi": 0,

"fr": 0,

"he": 0,

"hr": 0,

"it": 0,

"id": 0,

"ja": 0,

"ko": 0,

"lt": 0,

"lv": 0,

"nb": 0,

"nl": 0,

"pl": 0,

"pt-br": 0,

"pt-pt": 0,

"ro": 0,

"ru": 0,

"sr": 0,

"sv": 0,

"th": 0,

"tr": 0,

"vi": 0,

"zh-cn": 0,

"zh-hk": 0,

"zh-tw": 0

});

kenbuja

Try removing the parenthesis from "root". The documentation strings file looks like this

define({
    root:{
        label1: "I am a demo widget.",
        label2: "This is configurable."
    },
    "zh-cn": true    
});

I don't have any other languages in my app so far, so mine just looks like this.

define({
  root: {
    allSelections: "All selections",
    appliedChanges: "Successfully applied changes",
    appliedFailed: "Applied failed!",
    //etc
  }
  // add supported locales below:
  // , "zh-cn": true
});

. You don't need to add all the language options until you have created their appropriate strings files.

Danik-B

Still getting the error. I only added all the language options because I was getting the error and thought I needed them.

As for the parenthesis in root. I removed it but it did not change anything. Funny thing is that I got that file from the CustomWidgetTemplate in samplewidgets. They all seem to have those parenthesis but as you note the doc says otherwise.

kenbuja

Is your file structure like what's shown on this page?

How are you using the nls variables in you Widget.html or Widget.js files?

Here are the examples from my widget:

Widget.html

    <div data-dojo-attach-point="btnSignIn" id="signinbtn" class="jimu-btn apply"
         data-dojo-attach-event="onclick:signIn">
      ${nls.signin}
    </div>

Widget.js

resultMessage = this.nls.allSelections;

Danik-B

I have no variables in my nls/strings.js. Just the _widgetLabel and two _featureAction_.

I'm really not sure what is going on. Thanks for your help though.

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.