qiaoxun/vue-formbuilder

ElementUI Form Builder

vue-formbuilder2.0

Basic code was clone from https://github.com/jmeei/vue-formbuilder, and did some improve.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

vue-formbuilder's Issues

Errors during npm install

Just wanted to share some issues that I encountered and how to fix them:

Out of the box, running npm install resulted in same error as in this issue

What @abhimanusharma recommended worked:

1. Run npm i -g npm
2. delete package-lock.json file
3. delete node_modules folder
4. Run npm cache clean --force
5. Run npm cache verify
6. Run npm install

Despite installing, it was still throwing an error:

npm ERR! code 1
npm ERR! path ...\vue-formbuilder\node_modules\node-sass
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node scripts/build.js

Tried to run npm run serve anyway but got:

 ERROR  Failed to compile with 1 error
 error  in ./src/assets/scss/main.scss

Syntax Error: Error: Node Sass version 8.0.0 is incompatible with ^4.0.0.

Removing the deprecated node-sass and replacing it with sass did the trick:

npm uninstall node-sass
npm install sass

Finally on NodeJS 16+ it will throw yet another error (about SSL, unrelated to this package):

  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'

Was able to resolve by modifying the script commands in package.json:

  "scripts": {
    "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
    "build": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
    "lint": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service lint"
  },

(Use EXPORT instead of SET on Linux)

Runs great now!

Hope this helps someone.
Thanks!

Fetch form data

hi, how to fetch form data or make custom function to submit button?

Error when npm install

Hi

the installation occur with error for some packages

npm ERR! code EINTEGRITY

npm ERR! sha1-XB+x8RdHcRTwYyoOtLcbPLD9MXE= integrity checksum failed when using sha1: wanted sha1-XB+x8RdHcRTwYyoOtLcbPLD9MXE= but got sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg== sha1-Touo7i1Ivk99DeUFRVVI6uWTIEU=. (17009 bytes)
.
.
.

npm ERR! code EINTEGRITY
npm ERR! Verification failed while extracting [email protected]:
npm ERR! Verification failed while extracting [email protected]:
npm ERR! sha1-s56mIp72B+zYniyN8SU2iRysm40= integrity checksum failed when using sha1: wanted sha1-s56mIp72B+zYniyN8SU2iRysm40= but got sha512-+CiwtLnsJhX03p20mwXuvhoebatoh5B3tt+VvYlrPgZC1g36y+RRbkufX95Xa+X4I59aWEacDFYwnJZiyBh9gA== sha1-pxLHT9wx9+yyD+RPFX2ALSCAl+8=. (306705 bytes)

i did update npm version but there is no way to solve problem

No elements displayed after npm install

I got no fields to put after I installed it. Is there something I lack?

Console error

how to edit a form

hi
how i can edit a created form

"ReferenceError: _ is not defined

Problema con "ReferenceError: _ is not defined

cuando levanto el servidor no me da ningún error pero no me muestra todas las funcionalidades del proyecto

parece ser el archivo Elements.vue

return _.cloneDeep(field);

return _.includes(formArray, field.name) && field.isUnique;