У меня есть квазар-проект, в котором значки материалов отображаются в виде текста вместо значков. Я установил пакеты, используя npm. Хотя это не работает.
Ниже мое приложение. js file
require('./bootstrap');
window.Vue = require('vue');
require('quasar/dist/quasar.css');
require('quasar/dist/quasar.min.css');
import Quasar from 'quasar';
import 'vuetify/dist/vuetify.min.css';
import Vuetify from 'vuetify';
import Vue from 'vue';
import Plugin from '@quasar/quasar-ui-qiconpicker';
import '@quasar/quasar-ui-qiconpicker/dist/index.css';
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/eva-icons.umd.js';
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/fontawesome-v5.umd.js';
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/ionicons-v4.umd.js';
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons-outlined.umd.js';
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons-round.umd.js';
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons-sharp.umd.js';
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons.umd.js';
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/mdi-v4.umd.js';
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/themify.umd.js';
Vue.use(Plugin)
Vue.use(Quasar);
Vue.use(Vuetify);
/**
* Next, we will create a fresh Vue application instance and attach it to
* the page. Then, you may begin adding components to this application
* or customize the JavaScript scaffolding to fit your unique needs.
*/
Vue.component('example-component', require('./components/ExampleComponent.vue').default);
Vue.component('example-component1', require('./components/Com.vue').default);
Vue.component('example-component2', require('./components/Comp.vue').default);
let app = new Vue({
el: '#app',
icons: {
iconfont: 'mdi', // default - only for display purposes
},
});