vite version: "^1.0.0-rc.13",vite vite.config.js 中配置
module.exports = {
alias: {
'/@/': path.resolve(__dirname, './src')
},
}
运行项目报错解析模块错误[vite] Failed to resolve module import "@/components/customTable/index.vue". (imported by /src/main.js)
You can try it
/@/components/customTable/index.vue
As @MangoTsing said.
import { UserConfig } from 'vite'
const aliasConfig: Record<string, string> = {
'@/': 'src/',
'@img/': 'src/assets/img/',
}
export default {
port: 2009,
resolvers: [
{
alias(id) {
let path = ''
Object.keys(aliasConfig).find((key) => {
if (id.startsWith(key)) {
const dir = '/' + aliasConfig[key]
path = dir + id.slice(key.length)
}
return !!path
})
console.log(path)
return path
},
},
],
} as UserConfig
import { UserConfig } from 'vite' const aliasConfig: Record<string, string> = { '@/': 'src/', '@img/': 'src/assets/img/', } export default { port: 2009, resolvers: [ { alias(id) { let path = '' Object.keys(aliasConfig).find((key) => { if (id.startsWith(key)) { const dir = '/' + aliasConfig[key] path = dir + id.slice(key.length) } return !!path }) console.log(path) return path }, }, ], } as UserConfig
为什么官方没这样处理呢?
Most helpful comment