Comments (10)
@hamzahamidi
https://github.com/Kalcode/angular6-json-schema-form-test-app
Same error brand new repo. Not sure where its happening, hoping I could find it but I haven't. Hopefully you are able to help. Thanks.
from ajsf.
@hamzahamidi any plans to solve this? I think it is bad practise to include more libraries than really needed.
from ajsf.
Any news on this?
When I try to use it with bootstrap-4 i'm forced to install:
import { FlexLayoutModule } from '@angular/flex-layout';
import { Bootstrap4FrameworkModule } from 'angular6-json-schema-form';
import { MaterialDesignFrameworkModule } from 'angular6-json-schema-form';
As well as lodash-es
4 libraries that I don't need.
from ajsf.
Yes , I noticed that you need to install @angular/material whether or not you use material component.
from ajsf.
Are you sure you imported NoFrameworkModule like this:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { NoFrameworkModule } from 'angular6-json-schema-form';
import { AppComponent } from './app.component';
@NgModule({
declarations: [ AppComponent ],
imports: [
BrowserModule
NoFrameworkModule
],
providers: [],
bootstrap: [ AppComponent ]
})
export class AppModule { }
And you use the component like the following:
<json-schema-form
loadExternalAssets="true"
[schema]="yourJsonSchema"
framework="no-framework"
(onSubmit)="yourOnSubmitFn($event)">
</json-schema-form>
If you still face the same issue, can you make a repository to reproduce this issue?
from ajsf.
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { ApolloModule } from 'apollo-angular';
import { HttpLinkModule } from 'apollo-angular-link-http';
import { NoFrameworkModule } from 'angular6-json-schema-form';
import { AppComponent } from './app.component';
import { LayoutModule } from './modules/layout/layout.module';
import { ApolloProvider } from './graphql/createApollo';
@NgModule({
bootstrap: [AppComponent],
declarations: [
AppComponent,
],
imports: [
BrowserModule,
HttpClientModule,
ApolloModule,
HttpLinkModule,
LayoutModule,
NoFrameworkModule,
],
providers: [
ApolloProvider,
],
})
export class AppModule { }
Sure give me a few minute to get one going.
from ajsf.
@hamzahamidi
For me the same, but instead of using "NoFrameworkModule", I only use "Bootstrap4FrameworkModule". get the same npm compile error like @Kalcode
from ajsf.
@hamzahamidi you also have to import the Material frame work module. eg try https://github.com/Selion05/angular-json-schema-test without importing MaterialDesignFrameworkModule
Uncaught Error: Template parse errors:
'json-schema-form' is not a known element:
from ajsf.
Same for me. I can use "framework="no-framework" but only if I import the "MaterialDesignFrameworkModule" or "Bootstrap4FrameworkModule". The "NoFrameworkModule" doesn't provide the "json-schema-form" element.
from ajsf.
Stale issue
from ajsf.
Related Issues (20)
- Angular 13 support HOT 1
- validationErrors: submit is enabled even if function return false HOT 1
- Reset Json Schema form
- support bootstrap 5
- Some performances issues with recent versions of Edge ?
- Warnings due to CommonJS or AMD dependencies which can cause optimization bailouts
- additionalProperties aren't displayed HOT 2
- customized widget doesn't return a value HOT 1
- The `None` item in enum dropdown lists considered as `"null"`
- [Question] How to implement your own UI components along with custom styling?
- NullInjectorError: No provider for Framework! HOT 1
- Angular 15 material design support HOT 2
- Get rid of deprecated FlexModule dependency HOT 2
- multipleOf validator uses default remainder operator to validate which results in incorrect result
- Invalid appearance "standard", valid values are "fill" or "outline".
- providing default values to components
- "defautWidgetOptions" typo
- Nested array, last element controls surfaced data
- Fieldset along with the Select all checkbox.
- Custom widget Not able to add
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ajsf.