Vue.js `Vue3 Vite`项目别名src到@不工作

import Component from '../../../../components/Component.vue'

import Component from '@/components/Component.vue'

import vue from '@vitejs/plugin-vue'

/**
 * https://vitejs.dev/config/
 * @type {import('vite').UserConfig}
 */
export default {
    plugins: [
        vue({
            template: {
                compilerOptions: {
                    // ...
                }
            }
        })
    ]
}

import vue from '@vitejs/plugin-vue'
const path = require('path')

export default {
  alias: {
    '/@': path.resolve(__dirname, './src')
  },
  plugins: [vue()]
}

Vue.js相关问答推荐

Nuxt.js i18n不提供默认区域设置中的页面而不重定向

为什么v-show需要组件的包装元素？

vuejs中如何获取数组总长度

使用 nuxt.js 组件自动导入对性能不利吗？

如果找不到路由，Vue.js如何重定向到公共路由

Webpack 导入的模块不是函数

vuejs：将props传递给javascript中的组件？

如何使用 Vue 命名插槽呈现静态内容列表？

如何在 vue.js 2 的其他组件中调用方法？

Vuetify v-select 组件宽度变化

使用 vue-property-decorator 时注册本地组件

v-model 不会检测到 jQuery 触发事件所做的更改

Vue 3：模块 '"../../node_modules/vue/dist/vue"' 提示

如何突出显示 Vuetify 菜单中的选定项目？

加载时焦点文本框上的 Vue.js

样式化 Vue 插槽

Vue.js 的 $emit 和 $dispatch 有什么区别？

何时使用 与

v-if 未在计算(computed)属性上触发

VueJS 复选框更新