vite+vue3+ts+eslint配置问题

  1. 代码引入vue和ts文件提示模块找不到
    检查vite.config.ts/tsconfig.json和eslintrc.js文件定义的路径别名

config.ts文件部分内容

  const alias: Record<string, string> = {
      '/@': pathResolve('./src/'),
      assets: pathResolve('./src/assets'),
      'vue-i18n': isProd(mode) ? 'vue-i18n/dist/vue-i18n.cjs.prod.js' : 'vue-i18n/dist/vue-i18n.cjs.js',
  }

tsconfig.json文件部分内容

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

eslintrc.js文件部分内容

  settings: {
      'import/resolver': {
          alias: [['/@/', './src/']],
      },
  },
  1. 代码引入vue正常,ts文件引入提示找不到模块
    eslintrc.js文件内配置
  extends: ['plugin:vue/vue3-essential', 'plugin:vue/essential'],
  1. 提示prettier找不到
    命令行安装prettier以及运行环境
    npm i prettier eslint-config-prettier eslint-plugin-prettier -D
  2. 变量提示声明未使用
    tsconfig.json文件内设置
    compilerOptions 设置 noUnusedLocals: false,
    eslintrc.js文件内配置
    rules中找到 no-unused-vars设置为 off

仅供参考,自己遇到的问题,找到的解决方法

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值