vite配置踩坑实录

作者: 小遁哥 | 来源:发表于2023-07-10 10:46 被阅读0次

配置别名

在 vite.config.ts

import { defineConfig } from "vite";

import path from "path";

export default defineConfig({
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "src"),
    },
  }
});

问题一

Cannot find module 'path' or its corresponding type declarations.ts、Cannot find module 'path' or its corresponding type declarations.ts

要安装@types/node

问题二

Module '"path"' can only be default-imported using the 'esModuleInterop' flag

tsconfig.node.json 要增加

{
  "compilerOptions": {
    "esModuleInterop": true
  },
}

问题三

Cannot find module '@/store' or its corresponding type declarations.ts

识别不了@会导致代码提示失效,要修改 tsconfig.json

{
  "compilerOptions": {
    "paths": {
      "@/*": ["src/*"]
    }
  },

}

相关文章

  • Spark配置

    配置方法 配置注意事项 配置踩过的坑

  • Cordova踩坑日记

    Cordova踩坑日记 1.配置环境 ​ 配置SDK踩了很多坑,其实只需要下载一个 android studi...

  • Webpack to Vite踩坑指北

    前言 最近一直在看vite的源码(传送[https://www.jianshu.com/p/471fd2b8a...

  • Vue踩坑实录(二)

    在上一篇中说了一下踩过的前三个坑,剩下的坑就在这篇中全部搞定吧。Vue踩坑实录(一) Vue-cli .js?.V...

  • fastlane 踩坑实录

    这个世界是懒人创造的。 人懒了就会发明各种各样的工具,或者寻找各种各样能够给自己偷懒机会的工具,当然我还停留在使用...

  • Mongo踩坑实录

    1.更新数据时,js脚本中没有指定数据类型,int数据被更新成了double,导致线上问题。 原因,js是弱类型,...

  • gitattribute踩坑实录

    工欲善其事,必先利其器。 前一阵子,公司的版本控制从svn迁移到了git,不得不说,git确实比svn要强大好多,...

  • Weex踩坑实录

    1.新组件无法与配合使用。目前遇到的情况主要是loading没法正常...

  • # Flutter 踩坑实录

    [TOC] Another exception was thrown: A dismissed Dismissib...

  • [php]踩坑实录

    1、strpos()函数的返回值false与0问题 strpos函数定义:int strpos ( string ...

网友评论

    本文标题:vite配置踩坑实录

    本文链接:https://www.haomeiwen.com/subject/khyeudtx.html