关于vue.js:记录vuecli30typescript项目Eslintprettier报错以及解决方法

30次阅读

共计 1215 个字符，预计需要花费 4 分钟才能阅读完成。

记录 vue-cli3.0+typescript 我的项目：Eslint+prettier 遇到的一些报错以及失去的解决办法
1、始终报错 error Delete‘……..’, 或者是 warning Delete、warning Insert‘..’这种找不到问题的谬误

解决办法可执行代码：
npm run lint --fix

2、typescript 数据指定类型始终报错意外的类型这种问题

这里是因为我没有配置 typescrpt，须要在.prettierrc.js 加上配置
parser: 'typescript'

而后重新启动我的项目就能够了
3、发现怎么配置度有很多报错，查了各种材料原来是.prettierrc.js 和.eslintrc.js 配置问题，一开始去配置 tslint.json，然而很多博主都说 eslint 进行保护了不必他，这里上一下新的.prettierrc.js 和.eslintrc.js 配置文档，1- 2 作为记录就不删除了，以便当前回顾时候看看本人走过的路

module.exports = {

    printWidth: 120, // 换行字符串阈值

    tabWidth: 4, // 设置工具每一个程度缩进的空格数

    singleQuote: true, // 用单引号

    semi: false, // 句末是否加分号

    trailingComma: 'none', // 最初一个对象元素加逗号

    bracketSpacing: true, // 对象，数组加空格

    jsxBracketSameLine: true, // jsx > 是否另起一行

    arrowParens: 'always', // (x) => {} 是否要有小括号

    parser: 'typescript' // 指定应用哪一种解析器

}

module.exports = {

    root: true,

    env: {node: true},

    extends: [
    
        'plugin:vue/essential',
        
        '@vue/prettier',

        '@vue/typescript',

        'plugin:prettier/recommended' // add prettier-eslint plugin which will uses the `.prettierrc.js` config

    ],

    rules: {

        'prettier/prettier': 'error',

        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',

        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'

    },

    parserOptions: {parser: '@typescript-eslint/parser'},

    overrides: [

        {files: ['**\_\_tests\_\_\*.{j,t}s?(x)'],

            env: {mocha: true}

        }

    ]

}

以上就是今日做我的项目遇到的坑以及解决的办法

正文完