我只是使用npm为vue-cli安装了新的pwa onsen UI项目。所有组件只能正常运行，而图标组件在运行应用程序时不显示图标。 甚至，我也从v-ons-components文件中取消注释v-ons-icon 仍然不起作用
答案 0 :(得分：0)
尽管其他所有内容均显示，但我也没有看到v-ons-icon组件。从内置的index.html文件打开应用程序或在android仿真器中运行应用程序时，图标确实显示在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.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组件已显示！