Question 211259 in Javascript Question posted in
A very good W3school tutorial can be found here.

Javascript – Adding Dynamic drag and drop Form builder not working for angular 12

I am creating dynamic form builder using angular version 12.

I am using Angular-Formio to create dynamic builder. I have installed the package and follow the steps given in the documentation.

I have installed package with this command:-

npm install --save angular-formio

Imported into app module ts

import { FormioModule } from 'angular-formio';

then in import part, I am getting this error.
Error Image

I don’t know why I am getting this error and which package is better to create dynamic form builder(Drag and drop) using angular 12

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    Actually, I have installed wrong package

    For Angular application, we need to install @formio/angular this package.

    Steps to install package:-

    1. npm install --save @formio/angular

    2. Add import { FormioModule } from '@formio/angular'; in app.module.ts file

    3. @NgModule({imports [FormioModule]})

    If you are using angular material then, add @formio/angular-material this package.

    Steps to install package:-

    1. npm install --save @formio/angular-material

    2. Add

      import { MatFormioModule } from '@formio/angular-material';

      import { FormioModule } from '@formio/angular';

      in app.module.ts file

    3. @NgModule({imports [ FormioModule,FormioModule]})


  2. 0

    Your module is not yet loaded by the Angular Server in node ng serve, so restart your server so the server loads the module that you just added in @NgModule app.module.ts

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search