时间戳

首页 > 解决方案 > Onsen UI v-ons-icon 不工作

vue-component - Onsen UI v-ons-icon 不工作

问题描述

我只是使用 npm 为 vue-cli 安装新的 pwa onsen UI 项目。所有组件正常工作，只有图标组件在运行应用程序时不显示图标。甚至，我从 v-ons-components 文件中取消注释 v-ons-icon 仍然无法正常工作

标签： vue-componentonsen-uivue-clionsen-ui2

解决方案

尽管其他所有内容都显示了，但我也没有看到 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.ttfnet::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: truewebpack.prod.conf.jsnpm run buildv-ons-icon

推荐阅读