溫泉UI v-ons-icon不起作用

Question

我只是使用npm為vue-cli安裝了新的pwa onsen UI項目。 所有組件只能正常運行，而圖標組件在運行應用程序時不顯示圖標。 甚至，我從v-ons-components文件中取消注釋v-ons-icon仍然無法正常工作

Answer 1

盡管其他所有內容都顯示，但我也沒有看到v-ons-icon組件。 從內置的index.html文件打開應用程序或在android模擬器中運行應用程序時，圖標的確顯示了在npm run dev中npm run dev時的情況，但在npm run build之后卻沒有顯示。

我收到類似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.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 extract: true ...，然后，當我再次運行npm run build時， v-ons-icon組件顯示！