openfext / vue-form-builder

Build powerful vue form with JSON schema and composition api.

Home Page:https://openfext.github.io/vue-form-builder

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Fail to serve on NuxtJS

xgenvn opened this issue · comments

commented

Bug Report

Description

The guideline seems broken on Nuxt setup.

Minimal Reproduction

Fresh project from yarn create nuxt-app, using options:

  • SSR
  • ElementUI

Exception or Error

Must use import to load ES Module: <skip>/node_modules/vue-runtime-helpers/dist/normalize-component.mjs

Updated on 14/11/2020:

  • Above exception can be resolved by adding the libraries to nuxt.config.js transpile section:
  build: {
    transpile: [
      /^element-ui/,
      /^vue-runtime-helpers/,
      /@fext\/vue-form-builder/,
      /@fext\/vue-use/,
    ],
  },

However, it seems the composition api not working correctly (this/context)

image

Your Environment

Vue Version:

2.6.11

Vue Composition API:

1.0.0-beta.10

NuxtJS Version

2.14.0

Node Version

v12.18.3

Sorry, I have been busy with work recently. Need to provide a minimal project that can reproduce the problem, thank you.

commented

@felixpy I put the example integration on the repo: https://github.com/xgenvn/nuxt-form-builder-integration

@xgenvn This project use rollup-plugin-vue to build bundles. Unfortunately, according to official documents, a separate version needs to be built for SSR applications.