Onsen-интерфейс пользователя Onsen не работает - PullRequest
0 голосов
/ 30 июня 2018

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

1 Ответ

0 голосов
/ 20 января 2019

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

...