Custom language failed

init() {
      var customTranslate = {
        translate: ['value', require('./zn')]
      }
      // 获取到属性ref为“canvas”的dom节点
      const canvas = this.$refs.canvas
      // 建模
      this.bpmnModeler = new BpmnModeler({
        // 基础画布
        container: canvas,
        // 控制板
        propertiesPanel: {
          parent: '#js-properties-panel'
        },
        // 插件
        additionalModules: [
          customTranslate,
          propertiesPanelModule,
          propertiesProviderModule // 右侧属性栏
        ]
      })
      this.createNewDiagram()
    },

I imitated the way of setting the language in “bpmn-js-examples/i18n/”, but it reported an error

TypeError: translate is not a function
    at PaletteProvider.getPaletteEntries (PaletteProvider.js?fb2b:104:1)
    at addPaletteEntries (Palette.js?f48f:454:1)
    at Array.reduce (<anonymous>)
    at Palette.getEntries (Palette.js?f48f:107:1)
    at Palette._update (Palette.js?f48f:228:1)
    at Palette._rebuild (Palette.js?f48f:126:1)
    at eval (Palette.js?f48f:55:1)
    at invokeFunction (EventBus.js?fdb0:519:1)
    at EventBus._invokeListener (EventBus.js?fdb0:371:1)
    at EventBus._invokeListeners (EventBus.js?fdb0:352:1)

As the error indicates requiring ./zn doesn’t seem to be working. Are you sure the path is correct? Is the function exported correctly from zn?