vue.js - postcss-svgo:解析 SVG 时出错:属性名称无效
问题描述
在生产模式下构建 vue js 应用程序时出现以下错误。npm 运行构建。在其他环境下工作正常。
错误:CSS 缩小错误:postcss-svgo:解析 SVG 时出错:属性名称无效行:0 列:193 字符:“。文件:css/app.92d96b50.css
我的 vue.js.config 是
const path = require('path')
module.exports = {
publicPath: '/',
css: {
loaderOptions: {
sass: {
sassOptions: {
includePaths: ['./node_modules', './src/assets'],
},
},
},
},
configureWebpack: {
devtool: 'source-map',
resolve: {
alias: {
'@themeConfig': path.resolve(__dirname, 'themeConfig.js'),
'@core': path.resolve(__dirname, 'src/@core'),
'@validations': path.resolve(__dirname, 'src/@core/utils/validations/validations.js'),
'@axios': path.resolve(__dirname, 'src/libs/axios'),
},
},
},
chainWebpack: config => {
config.module
.rule('vue')
.use('vue-loader')
.loader('vue-loader')
.tap(options => {
// eslint-disable-next-line no-param-reassign
options.transformAssetUrls = {
img: 'src',
image: 'xlink:href',
'b-avatar': 'src',
'b-img': 'src',
'b-img-lazy': ['src', 'blank-src'],
'b-card': 'img-src',
'b-card-img': 'src',
'b-card-img-lazy': ['src', 'blank-src'],
'b-carousel-slide': 'img-src',
'b-embed': 'src',
}
return options
})
},
transpileDependencies: ['vue-echarts', 'resize-detector'],
}
解决方案
推荐阅读
- python-2.7 - 将参数传递给 pynput 侦听器
- html - 如何在 16 列网格中对齐跨 4 列的 3 列
- python - 在 Flask/Gunicorn 应用程序中减少分叉后的内存使用
- html - 输入类型提交不会四舍五入
- pdflatex - pdfjam:将多个 pdf 合并到一个页面中,没有空格
- java - 如何使用三元运算符缩小我的表达式
- sql-server - SSIS 2016:我们有什么样的连接器来替代 SharePoint 列表适配器
- reactjs - GraphQL 使用 React 创建或更新表单的最佳模式?
- javascript - 正则表达式匹配由空格分隔的多个 IPAddress/域名
- android - Cloud Translation API 在 Android 中翻译 URL