Comments (9)
@wotamann
I'm getting the same issue with my first attempt of using this package. If I put <v-select></v-select>
in the template, that element works fine. But using this schema gives me the same error:
mySchema: {
name: { type: 'text', label: 'Name' },
password: { type: 'password', label: 'Password' },
email: { type: 'email', label: 'Email' },
checkbox: { type: 'checkbox', label: 'Checkbox' },
select: { type: 'select', label: 'Select', items: ['Tesla', 'Jobs', 'Taleb'] }
}
from vuetify-form-base.
For those like me having this problem, its because we are using tree-shaking (A-la-carte) when loading Vuetify, and since the fields are generated dynamically, webpack doesn't load the modules.
To fix this i copied the index.js and .vue files in my project instead of using npm, then i added this line at the beginning of <script> part of the vue file (line 177):
import { VSelect } from 'vuetify/lib'
And this line in the "export default" part (line 229)
components:{VSelect},
You just have to repeat for every component you need that isn't loaded normally.
from vuetify-form-base.
You have to install vuetify (quickstart) in order to recognize the custom element .
from vuetify-form-base.
I'm getting the same error, and I've installed Vuetify.
Can you help me, @wotamann ?
from vuetify-form-base.
I'ved checked your schema with 'select'. It works on my setting.
If you have vuetify 1.0 you must update to vuetify 2.0. Otherwise you could try to install the Demo inside Folder 'example' and try to run it.
from vuetify-form-base.
For those like me having this problem, its because we are using tree-shaking (A-la-carte) when loading Vuetify, and since the fields are generated dynamically, webpack doesn't load the modules.
thanks for your contribution and suggestion for a solution
from vuetify-form-base.
@webdo
In my case i altered /src/plugins/vuetify.js. No need to copy/alter the original files.
`import Vuetify, { VLayout, VCheckbox, VSelect } from "vuetify/lib";
Vue.use(Vuetify, {
components: { VLayout, VCheckbox, VSelect },
});`
Can be found here https://vuetifyjs.com/en/customization/a-la-carte
from vuetify-form-base.
@Rambone, your solution in the vuetify plugin was precisely what I needed. Thanks!
I also had to add directives:
import { Ripple, Intersect, Touch, Resize } from "vuetify/lib/directives";
Vue.use(Vuetify, {
components: { ... },
directives: { Ripple, Intersect, Touch, Resize },
});
But, once your tip pointed me in the right direction, that was easy enough.
from vuetify-form-base.
@mcasto, glad to hear it helped you.
from vuetify-form-base.
Related Issues (20)
- Clearing date picker doesn't clear the model value
- Failed to resolve directive: click-outside HOT 2
- How can I wrap the inputs in my own element?
- Vue3 + Vuetify3 HOT 5
- Typescript support HOT 1
- Why package.json scripts is empty?
- v-form-base not rendered in production mode HOT 2
- `pattern` doesn't allow for regex flags HOT 1
- Feature Request: Can you please add a "Description" field made of append icon with tooltip?
- Using axios api calls
- Custom Component With Slots
- Problem with label string
- Which Json Schema Library shoud I choose? HOT 1
- Hidden groups in an array
- Object Bindings
- How to bind properties? HOT 1
- How to disable the default no-gutters?
- Checkbox returns NULL when it should return FALSE HOT 3
- How to use v-form-base in a v-for loop? HOT 2
- Cant Render custom components HOT 4
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 vuetify-form-base.