electron-vue [Vue warn]: Failed to resolve directive: decorator

electron-vue introduced ant-desigin-vue with ant custom instruction v-decorator reimbursement

        <a-form-item>
          <a-input
            v-decorator="[
              'username',
              {
                rules: [{ required: true, message: '请输入账号' }],
                initialValue: 'sg_lyc1',
              },
            ]"
            placeholder="账号"
          >
            <a-icon
              slot="prefix"
              type="user"
              style="color: rgba(0,0,0,.25)"
            />
          </a-input>
        </a-form-item>

Solution

Add the ant-design-vue .electron-vue / webpack.renderer.config.js

let whiteListedModules = [ 'view', 'ant-design-view']

Reference https://github.com/vueComponent/ant-design-vue/issues/134