关于在vite项目下,使用@引入的提示和报错问题的解决

1.首先,需要在vscode中安装一个插件

 2.在setting.json中添加以下代码:

 //导入文件时是否携带文件扩展名

      "path-autocomplete.extensionOnImport":true,

      "path-autocomplete.pathMappings":{

          "@":"${folder}/src"

      },

3.此时已经有@提示了,但是vite项目依旧报错

4. 找到根目录下的vite.config.js做如下配置:(已经注释的为本来已经有的,未注释的则为你要添加的)

/* import { defineConfig } from "vite";
import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
import vue from "@vitejs/plugin-vue"; */
import path from "path";

// https://vitejs.dev/config/
export default defineConfig({
  /* plugins: [
    vue(),
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ], */
  resolve: {
    alias: {
      "@": path.join(__dirname, "src"),
      "#": path.join(__dirname, "types"),
    },
  },
});

5.此时可能会报path错误,只需下载@types/node即可

npm i -D @types/node

6。最后,重启项目,你会发现@可以用了,奇怪的知识又多一个。 

  • 5
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值