I make fork from <a hre

don't work in production build about ncform HOT 4 CLOSED

ncform commented on May 18, 2024

don't work in production build

from ncform.

Comments (4)

daniel-dx commented on May 18, 2024

Got it, i will test the case as soon as possible

from ncform.

daniel-dx commented on May 18, 2024

I tested the production mode of the project created by vue-cli （webpack v4.28.4） is OK.

But the production mode of vue-element-admin（webpack 4.16.5） is problematic.

I guess it is a problem with webpack or some loaders， finally i found the root cause.

The following is the source code fragment of the ncform-common package.

widget:
                        t.widget ||
                        (function(e) {
                          var t = 'input';
                          switch (e) {
                            case 'boolean':
                              t = 'radio';
                              break;
                            case 'object':
                              t = 'object';
                              break;
                            case 'array':
                              t = 'array';
                              break;
                            default:
                              t = 'input';
                          }
                          return t;
                        })(r),

It is compiled into the following code in the vue-element-admin production mode.

widget: t.widget || "input",

This is the root cause.

So the solution is to explicitly declare the widget as shown below

      {
        type: "object",
        properties: {
          name: {
            type: "string"
          },
          gender: {
            type: "boolean",
            ui: {
              widget: "radio"
            }
          }
        },
        ui: {
          widget: "object",
          widgetConfig: {
            layout: "h"
          }
        }
      }

from ncform.

daniel-dx commented on May 18, 2024

The safest solution is to upgrade webpack and related loaders, but I had no luck to do it successfully for vue-element-admin.

from ncform.