Comment importer des fichiers svg dans Vue 3 ?
P粉021854777
P粉021854777 2023-08-23 08:37:27
0
2
644

J'ai essayé ce qui suit :
https://github com. /visualfanatic/vue-svg-loader/tree/master

Mais comme vue-template-compiler est utilisé dans Vue 2, il existe un conflit de version.

J'ai essayé :
https://github.com/visualfanatic/vue-svg -loader

Mais il me manque une dépendance Vue spécifique.

J'ai remarqué qu'il y avait une note lors de l'utilisation de TypeScript, qui nécessite de déclarer un fichier de définition de type. Cependant, j'obtiens toujours l'erreur "Impossible de trouver le module '../../assets/myLogo.svg' ou sa déclaration de type correspondante".

Voici ce que j'ai ajouté :

vue.config.js

module.exports = { chainWebpack : (config) => { const svgRule = config.module.rule('svg'); svgRule.uses.clear(); svgRègle .use('vue-loader-v16') .loader('vue-loader-v16') .fin() .use('vue-svg-loader') .loader('vue-svg-loader'); }, configureWebpack : process.env.NODE_ENV === 'production' {} : { outil de développement : 'carte-source' }, publicPath : process.env.NODE_ENV === 'production' ? '/Site Web personnel/' : '/' } 

cales-svg.d.ts

déclarer le module '*.svg' { contenu const : n’importe lequel ; exporter le contenu par défaut ; } 

MonComponent.vue