Я просто устанавливаю новый проект пользовательского интерфейса pwa onsen для vue-cli, используя npm. Все компоненты работают правильно, только компоненты значков не отображают значок во время работы приложения. Даже если я раскомментирую файл v-ons-components, v-ons-icon все равно не работает
Onsen UI v-ons-icon не работает
Ответы (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
!