Closed
Description
use vue-svg-loader error on inline mode
But the latest version of the browser not go wrong (chrome 72)
vue.config.js (chainWebpack)
chainWebpack: (config) => {
config.resolve.alias
.set('@', resolve('src'))
const svgRule = config.module.rule('svg')
svgRule.uses.clear()
svgRule.oneOf('inline')
.resourceQuery(/inline/)
.use('vue-svg-loader')
.loader('vue-svg-loader')
.end()
.end()
.oneOf('external')
.use('file-loader')
.loader('file-loader')
.options({
name: 'assets/[name].[hash:8].[ext]'
})
}And use svg：
// path to your '*.svg?inline' file.
import bxAnaalyse from '@/assets/icons/bx-analyse.svg?inline'
<template>
<div>
<LogoSvg />
</div>
</template>
<script>
import LogoSvg from '@/assets/logo.svg?inline'
console.log(LogoSvg)
export default {
name: 'Logo',
components: {
LogoSvg
},
data () {
return {
}
}
}
</script>
Uncaught SyntaxError: Unexpected token ... at Object../src/assets/icons/bx-analyse.svg?inline (app.js:13833) at webpack_require (app.js:767) at fn (app.js:130) at eval (webpack-internal:///./src/core/icons.js:2) at Module../src/core/icons.js (app.js:14756) at webpack_require (app.js:767) at fn (app.js:130) at eval (webpack-internal:///./src/config/router.config.js:5) at Module../src/config/router.config.js (app.js:14732) at webpack_require (app.js:767)
Metadata
Metadata
Assignees
Labels
No labels