(Laravel) Vuetify неправильно импортируя @ mdi / font - PullRequest
0 голосов
/ 10 апреля 2020

Я использую Dockerized Laravel и nginx. Для этого проекта я сохранил @ mdi / font как производственную зависимость. Я также бегу npm install --production. Я использую стандартную конфигурацию веб-пакета Laravel для создания производственного комплекта и не затрагивал стандартную конфигурацию Laravel Mix.

Вот мое приложение. js:

import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css';
import '@mdi/font/css/materialdesignicons.css'

const Vue = require('vue');

Vue.use(Vuetify);

const app = new Vue({
    el: '#app',
    vuetify: new Vuetify({
        icons: {
            iconfont: 'mdi',
        },
    })
})

При загрузке шрифтов страница не может их загрузить. Кажется, он пытается загрузить шрифты из-за пределов каталога node_modules, например: GET https://myurl.com/fonts/vendor/@mdi/materialdesignicons-webfont.woff?63d2a5950fc212096c3612f71ae66f64 net::ERROR_ABORTED 404 (Not Found). @ mdi / font существует в моем каталоге node_modules, но почему он пытается выглянуть наружу? Это просто значки; vuetify.min.css загружается правильно.

Мне удалось импортировать шрифты по CDN, но мне просто интересно, почему этот подход не сработает.

...