Onsen UI v-ons-icon не работает

Я просто устанавливаю новый проект пользовательского интерфейса pwa onsen для vue-cli, используя npm. Все компоненты работают правильно, только компоненты значков не отображают значок во время работы приложения. Даже если я раскомментирую файл v-ons-components, v-ons-icon все равно не работает


person Sagar Shinde    schedule 30.06.2018    source источник


Ответы (1)


Я также не видел компонентов v-on-icon, хотя все остальное отображалось. Значки отображались в npm run dev, но не после npm run build при открытии приложения из встроенного файла index.html или запуске приложения в эмуляторе Android.

Я получил такие ошибки, как GET file:///Users/[username]/[appname]/www/dist/static/css/static/fonts/fa-solid-900.132e975.ttf net::ERR_FILE_NOT_FOUND`, и файл, который он искал, был бы в том месте, где он искал, только без папки «css».

Например, сборка будет указывать на папку www/dist/static/css/static/fonts/ для файлов шрифтов, хотя она поместила эти файлы в папку www/dist/static/fonts. ... предполагалось, что там есть папка "css", которой там не было. Процесс сборки каким-то образом извлекал ссылку на шрифты в дополнительную папку css.

Поскольку шрифты работали в dev, но не в build, я сравнил webpack.dev.conf.js с webpack.prod.conf.js.

Файл webpack.prod.conf.js содержал extract: true внутри rules: utils.styleLoaders. Этот параметр "извлечь" не содержался в файле webpack.dev.conf.js, поэтому я удалил extract: true из webpack.prod.conf.js... и затем, когда я снова запустил npm run build, появились компоненты v-ons-icon!

person Yann Stoneman    schedule 20.01.2019