Неправильная загрузка иконок Vuetify (Vuetify2 + Django)
Я хочу внедрить vuetify в свой проект, с подключением все в порядке, но стандартные иконки vuetify не загружаются, что бы я ни делал
main.js
import Vue from 'vue';
import App from './App.vue';
import vuetify from './plugins/vuetify';
import store from './store';
import 'material-design-icons-iconfont/dist/material-design-icons.css'
new Vue({
vuetify,
store,
render: h => h(App)
}).$mount('#app');
vuetify.js
import Vue from 'vue';
import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css';
import 'material-design-icons-iconfont/dist/material-design-icons.css'
Vue.use(Vuetify);
export default new Vuetify({
icons: {
iconfont: 'mdi',
}
});
{
"name": "frontend",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build --dest ../static/vue-build-files/main-builds",
"lint": "vue-cli-service lint",
"dev": "vue-cli-service build --dest ../static/vue-build-files --mode=development --watch"
},
"dependencies": {
"@mdi/font": "^7.4.47",
"core-js": "^3.8.3",
"file-loader": "^6.2.0",
"material-design-icons-iconfont": "^6.7.0",
"vue": "^2.6.14",
"vuetify": "^2.7.2",
"vuex": "^4.1.0"
},
"devDependencies": {
"@babel/core": "^7.12.16",
"@babel/eslint-parser": "^7.12.16",
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-service": "~5.0.0",
"eslint": "^7.32.0",
"eslint-plugin-vue": "^8.0.3",
"vue-template-compiler": "^2.6.14"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "@babel/eslint-parser"
},
"rules": {}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
]
}
После команды build/dev/serve vue начинает работать, но нет стандартных иконок vuetify (пример ниже), как решить эту проблему?
после команды dev/build doc (как должно быть)
я перепробовал все ответы из этой темы vuetify icon not showing, но ничего не помогло,
Используем Django, Vue 2.6, Vuetify 2.7