问答博客标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
php
java
vue.js
git
html5
python
node.js
android
mysql
react.js
linux
ios
css
golang
spring
docker
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

vue3项目中ts这种错误怎么包含进去进行eslint校验？

头像
已注销
    11313

    image.png
    请问这种类型赋错了怎么加进eslint的校验规则？eslint检查不了这种错误吗？可以看出这个错误是ts抛出的，已经安装了typescript-eslint的包。

    根据回答调整的eslint设置，还是不行
    image.png
    image.png

    Microsofttypescripteslint
    阅读 1.6k
    avatarAI BotBETA

    这种类型错误可以通过在eslint配置文件中添加相应的规则来检查。首先，你需要在你的eslint配置文件（例如 .eslintrc.js 或 .eslintrc.json）中添加 @typescript-eslint/ban-types 插件。

    例如，如果你的配置文件是一个JavaScript文件，你可以这样做：

    module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: [
    'plugin:@typescript-eslint/recommended',
    'eslint:recommended',
    '@vue/prettier',
    '@vue/typescript/recommended',
  ],
  parserOptions: {
    ecmaVersion: 2020,
  },
  rules: {
    // add your other rules here
  },
};

    在这个例子中，你需要把 @typescript-eslint/ban-types 添加到你的规则中。例如：

    module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: [
    'plugin:@typescript-eslint/recommended',
    'eslint:recommended',
    '@vue/prettier',
    '@vue/typescript/recommended',
  ],
  parserOptions: {
    ecmaVersion: 2020,
  },
  rules: {
    // add your other rules here
    '@typescript-eslint/ban-types': 'warn', // or 'error' if you want it to be an error
  },
};

    这将使 eslint 检查这种类型的错误，并将它作为警告（'warn'）或错误（'error'）。如果你想要更具体的规则，你可以在 @typescript-eslint/ban-types 的文档中找到更多信息，以了解你可以使用的其他选项。

    1 个回答
    得票最新
    头像
    然后去远足
      42.5k93763

      typescript 本身的 linter 是不认识 .vue 文件的。你需要单独安装 @vue/eslint-config-typescript，然后 eslintrc 里加入：

      {
    略 ...
    extends: [
        '@vue/eslint-config-typescript',
        '@vue/eslint-config-typescript/recommended' // 二选一，一般用下面这个，有个别规则会更严格
    ]
}
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题
      logo
      Microsoft
      子站问答
      访问
      宣传栏