Module build failed (from ./node_modules/_svg-sprite-loader@3.9.2@svg-sprite-loader/lib/loader.js):

Vue-cli3使用svg-sprite-loader 报错

InsDP

3906人浏览 · 2021-12-03 19:42:50

InsDP · 2021-12-03 19:42:50 发布

在这里插入图片描述
导致这问题是因为引入的svg文件里面有不该有的字符,比如注释

（被自己坑死）

chainWebpack: (config) => {
// 替换路径
config.resolve.alias.set("@", path.resolve(“src”));

config.module.rule("svg").exclude.add(path.resolve("./src/icons")).end();

config.module
  .rule("icons")
  .test(/\.svg$/)
  .include.add(path.resolve("./src/icons"))
  .end()
  .use("svg-sprite-loader")
  .loader("svg-sprite-loader")
  .options({
    symbolId: "icon-[name]",
  });

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^