如果使用vite创建vue3的项目,需要在vite.config.js中配置@才能使用

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import { resolve } from "path";

export default defineConfig({
  plugins: [vue()],
  define: {
    'process.env': {},
  },
  // ↓解析配置
  resolve: {
    // ↓路径别名
    alias: {
      "@": resolve(__dirname, "./src")
    }
  }
});

注意:如果找不到path或者报错

 需要运行安装下

npm install @types/node

注意:如果还是报错需要在tsconfig.json中配置一下

{
  "compilerOptions": {
    // ↓解析非相对模块的基础地址,默认是当前目录
    "baseUrl": "./",
    // ↓路径映射,相对于baseUrl
    "paths": {
      "@/*": ["src/*"]
    }
}

 

GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐