Where wrong with the installation Vuetify?
Following the of. documentation, vue ui set Vuitify.
In main.js however, he added:
But the standard welcome page, which he created, looks like this:
In the console error that cannot find the components:
Tried to add vuitify buttons in your templates the same error.
Tell me, please, what is missing?
UPD:
Rolled back all changes and completely reset Vuetify.
Now he sees the components, but with the styles is a problem.
For example:
Appears so:
Although index.html he added:
In main.js however, he added:
But the standard welcome page, which he created, looks like this:
In the console error that cannot find the components:
Tried to add vuitify buttons in your templates the same error.
Tell me, please, what is missing?
UPD:
Rolled back all changes and completely reset Vuetify.
Now he sees the components, but with the styles is a problem.
For example:
<div class="my-2">
<v-small btn color="primary">Primary</v btn>
</div>Appears so:
Although index.html he added:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css"> asked April 19th 20 at 12:26
2 answers
answered on
Solution
1. After correctly fitting fully rolled back all changes in the project (using Git).
2. Removed all installed components in node module:
"vuetify": "^2.2.11",
"vue-cli-plugin-vuetify": "^2.0.5",
"vue-template-compiler": "^2.6.11",
"vuetify-loader": "^1.3.0"
3. In the same way as the first time using vue ui installed everything from 0. Worked, but was a bug with the display of styles.
The problem is solved using v-app:
Response styles found here:
2. Removed all installed components in node module:
"vuetify": "^2.2.11",
"vue-cli-plugin-vuetify": "^2.0.5",
"vue-template-compiler": "^2.6.11",
"vuetify-loader": "^1.3.0"
3. In the same way as the first time using vue ui installed everything from 0. Worked, but was a bug with the display of styles.
The problem is solved using v-app:
<v-app>
<v-btn color="success">Success</v btn>
</v-app>Response styles found here:
answered on April 19th 20 at 12:30
What do you have in ./plugins/vuetify is?
there should be
there should be
Vue.use(Vuetify)Find more questions by tags Vue.jsJavaScript
Like all over the place. - Amparo93 commented on April 19th 20 at 12:33
Now he sees the components, but with the styles is a problem.
For example:
Appears so:
Although index.html he added:
- Amparo93 commented on April 19th 20 at 12:36