求助vue cli4配置完alisa无法使用

之前用vue cli3的配置无法使用，又自己按照网上找的cli4的配置也将代码放在scr目录下还是没法使用

const path = require('path');
module.exports = {
	
	chainWebpack: (config)=>{
	    config.resolve.alias
	      .set('@$', path.join(__dirname,'src'))
	      .set('components', path.join(__dirname,'src/components'))
	      .set('mixins', path.join(__dirname,'src/mixins'))
	      .set('store', path.join(__dirname,'src/store'))
  	},
	
}

改了很多次还是会这种错

assets/img/tabbar/category_active.svg in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/content/MainTabBar/MainTabBar.vue?vue&type=template&id=08fd4799
* components/common/tabber/TabBar in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/content/MainTabBar/MainTabBar.vue?vue&type=script&lang=js
* components/common/tabber/TabBarItem in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/content/MainTabBar/MainTabBar.vue?vue&type=script&lang=js

求助各位大佬这个东西要怎么配置

是 “./src” 把

const path=require("path")
const resolvue=dir=>path.join(__dirname,dir)

module.exports={
chainWebpack:config=>{
config.resolve.alias
.set('@$',resolvue('src'))
.set('assets',resolvue('src/assets'))
.set('components',resolvue('src/conponents'))
.set('views',resolvue('src/views'))
}
}