前端开发常见问题收录（收集中）

在此将开发中常见的问题收录整理一下，这样当以后再次遇到就有章可循了。

一、VScode相关

1.VSCode报错：“文件名xx与xx仅在大小写中已包含的文件名不同” - 知乎 (zhihu.com)

二、项目配置

1. 别名配置

为项目别名配置时，除了在vite.config.js中完成配置

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

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

还应在tsconfig.json中补充对应配置，否则引入使用了别名的路径文件时，会报错找不到模块“@/xx”或其相应的类型声明。

tsconfig.json

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

设置完了，再重新运行项目即可。

三、ESlint相关问题

1.解决ESLint 报错 ‘module‘(or process) is not defined

这是由于Eslint初始选择时，选择的运行环境是浏览器，而process存在于Node环境，并且默认不支持CommonJS语法。此时可以在文件开头添加下列代码

/* eslint-env node */

或者Eslint初始化时选择运行环境时，把browser和node都选上，也可以事后补票，在.eslintrc.cjs中修改

module.exports = {
  env: {
    "browser": true,
    "node":true,
    "es2021": true,
  }
}

四、TS相关问题

忽略函数中没有使用的参数
有时，函数有多个参数，我们只需要其中几个参数，但又必须书写前几个参数占位时，TS会警告变量xx未使用

function(a,b){
 //变量a未使用
  console.log(b)
}

这时我们可以在对应变量前加上下划线，即可解决

function(_a,b){
 //变量a未使用
  console.log(b)
}