问题标签 [vuetify-loader]

我将 vuetify 添加到我的 laravel cli vue 项目中，但未检测到它的所有组件

下面是我项目中相关文件的内容：

index.js

Vuetify.js

lib.d.js

应用程序.vue

包.json

所有页面中的错误

请帮助我，我尝试删除节点模块文件夹并重新安装它（npm install），但它仍然无法正常工作。

我正在尝试在现有项目中使用 vuetify 框架，我在 webpack 中安装了所有依赖项并添加了规则，但是在使用 vuetify.min.css 文件时出现错误。我的 webpack 文件是：

我的 main.js 文件是：

得到错误是：

我一定在配置中遗漏了一些东西，但我不知道是什么。谁能看到我哪里出错了？

我试图安装 vuetify 但它给了我这个错误：

包.json：

我正在使用 Vue 版本 6.14.13、@vue/cli 4.5.13 和 yarn 版本 1.22.10。我试图更改 package.json 中的依赖项，但它似乎不起作用。

上下文：我有一个 Nuxt.js 项目，我正在尝试使用延迟加载显示图像（带有动态路径）。

问题：它实际上在 Dev 和 Prod 环境中都有效，但我遇到了错误，我很确定我没有遵循最佳实践。

详细信息：这是代码：

图像在assets文件夹内，我正在使用sharp.

我的编译器在他们声称可以是对象但必须是字符串的vuetify 文档ERROR [Vue warn]: Invalid prop: type check failed for prop "lazySrc". Expected String, got Object中确实抛出了一个错误。srclazy-src

他们还提到我可以使用vuetify loader，但我找不到工作示例。

我正在编写一个基于 vuetify 组件的自定义库。当我尝试构建并安装到另一个应用程序时，它不起作用。我挣扎了几天，找出自定义组件内部定义的组件和自定义组件是否一起调用它呈现属性。

这个问题基于 vuetify treeshaking。

如何在 vuetify 中关闭 Treehaking (a-la-carte)？

我正在尝试基于 Vue 和 Vuetify 减少我的 PWA 的包大小，我现在专注于 Vuetify。

我已经按照说明来实现摇树（我通过 Vue CLI 以简单的方式完成）。

现在我想处理图标。我混合使用了默认图标和Material Design JS SVG 图标。两个问题：

1. 要仅导入我需要的 mdi-icon，我可以像链接中描述的那样专门导入它们：

这需要我一天的时间，有没有办法自动化这个，就像 Vue CLI 用于摇树一样？

2. 默认图标呢？Vuetify Loader 是否足够智能，可以只下载我正在使用的那些？

我无法弄清楚为什么 vuetify treeshaking 无法在我的应用程序上运行，因为我遵循了此处描述的每个步骤。我错过了什么吗？

我没有使用 vue CLI，而是使用带有 vuetify 加载器的 webpack 5。

这是来自 Webpack 捆绑分析器插件的交互式树形图可视化

我在用着 ：

这是我的代码。

插件/vuetify/index.js

main.js

webpack.common.js（开发和生产的通用配置）

在运行具有以下配置的示例应用程序时，我遇到了以下问题。

包.json

主.js

低于警告且组件不可见。谁可以帮我这个事？