我试图用Vue和Vite完全理解路径别名.

<script>块(例如<style><template>或其他.js文件)之外,使用~@别名获取根目录的绝对路径正在工作.但在内部,我仍然需要使用../../../来回到根源.如果我try 使用~@,我会发现找不到文件的错误.

在这种情况下,@~也会这样做吗?

编辑:

// Somehow working cause it's no component but a mere .js file
import {
    filterwords
} from '@/services/signup/filterwords.js';

// Working
import passwordMeter from '../../utility/PasswordMeter.vue';
// Not working
import passwordMeter from '~/utility/PasswordMeter.vue';
import passwordMeter from '@/utility/PasswordMeter.vue';

推荐答案

vite.config.js分钟内做适当的改变.在本地测试并解决了这个问题.

// vite.config.js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
const path = require('path')

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

本文作者:https://vueschool.io/articles/vuejs-tutorials/import-aliases-in-vite/

Vue.js相关问答推荐

如何使用composition api v-model Select 框获取其他JSON 值?

vue js如何将布尔值传到数据库

组合 API | Vue 路由参数没有被监视

在 bootstrap-vue 中渲染自定义样式

VueJS:在组件之间使用全局对象的最佳实践?

将props传递给设置时的VueJS 3组合API和TypeScript类型问题:类型上不存在属性 user用户

如何在 Vue 中编译从外部 api 加载的模板

Vuetify 置顶工具栏

是否可以在没有 Vue 的情况下使用 Vuex?

Vue 3 如何获取有关 $children 的信息

在 SPA VueJS 中全局声明 mapState 和 mapMutations

Vue 和 TypeScript 所需的props

安装后运行computed计算函数

如何告诉 Vue-cli 我的应用程序的入口点在哪里?

Vue Js如何在单个文件模板中使用mixins?

在 VueJS 中观察元素的高度

更改事件上的 Select2 在 Vuejs 中不起作用

如何从 Vuex 操作访问 Vuex 状态属性?

Vue 2.0 设置路由 - 不要使用new来产生副作用

如何使用vue js判断组件本身的数据何时发生变化?