Question

我在导航抽屉上添加了一些图标，但是没有显示任何图标。

<v-list-item-icon>
     <v-icon left small>email</v-icon>
</v-list-item-icon>

如您所见，我使用了vuetify的电子邮件图标。

我也在v卡中注册了一张图片，但是vuetify却给了我一个错误。（我不需要任何图片）

这是我的v卡媒体。

<v-card-media src="./assets/teras.jpg">
</v-card-media>

下面是错误消息。

webpack-internal：///./node_modules/vue/dist/vue.runtime.esm.js：620 [Vue警告]：未知的自定义元素：-您是否正确注册了组件？

我该如何解决这个问题？ enter image description here

Answer 1

关于图标问题，应输入图标的正确名称。请在这里https://materialdesignicons.com/cdn/2.0.46/

const blacklist = require('metro-config/src/defaults/blacklist');

module.exports = {
  resolver: {
    blacklistRE: blacklist([
      /node_modules\/.*\/node_modules\/react-native\/.*/,
    ])
  },
  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: false,
      },
    }),
  },
};

这是添加图标的正确方法。

v-card-media已被弃用。

尝试使用v-img。

当我使用vuetify时，我无法显示图像

1 个答案: