Я также не видел компонентов v-ons-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
показали!