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



我只是使用 npm 为 vue-cli 安装新的 pwa 温泉 UI 项目。所有组件正常工作,只有图标组件在运行应用程序时不显示图标。 甚至,我从 v-ons 组件文件 v-ons-icon 中取消评论 仍然不起作用

我也没有看到 v-ons 图标组件,尽管其他所有内容都显示出来。图标确实在npm run dev中显示,但在从构建的索引.html文件打开应用程序或在 android 模拟器中运行应用程序时npm run build后没有显示。

我收到像 net::ERR_FILE_NOT_FOUND' 这样的错误GET file:///Users/[username]/[appname]/www/dist/static/css/static/fonts/fa-solid-900.132e975.ttf它正在寻找的文件将在它正在寻找的地方,只是没有"css"文件夹。

例如,构建将指向字体文件的 www/dist/static/css/static/fonts/文件夹,尽管它已将这些文件放在 www/dist/static/fonts 文件夹中。它假设有一个不存在的"CSS"文件夹。构建过程以某种方式将字体引用提取到另一个"css"文件夹中。

由于字体在dev下工作,但不能build,我将webpack.dev.conf.jswebpack.prod.conf.js进行了比较。

webpack.prod.conf.js文件包含extract: truerules: utils.styleLoaders。这个"提取"设置不包含在webpack.dev.conf.js文件中,所以我webpack.prod.conf.js中删除了extract: true......然后,当我再次运行npm run build时,v-ons-icon组件显示出来!

最新更新