报错 error Extra semicolon semi 解决方案

使用 vue-cli 构建的项目,模版是 webpack ,提示如下错误信息:

Failed to compile.

./src/router/index.js

Module Error (from ./node_modules/eslint-loader/index.js):

D:\vueE-commerce\vue_shop\src\router\index.js 17:20

error Extra semicolon semi

✖ 1 problem (1 error, 0 warnings)

1 error and 0 warnings potentially fixable with the `--fix` option.

上面提示的信息是说:要求是不能使用分号

默认的 eslint 配置是以 standard 为基础的,要求是不使用分号。

方案一:

源代码如下:

router.beforeEach((to, from, next) => {
    // to 将要访问的路径
    // from 代表从哪个路径跳转过来
    console.log(to);
})

修改如下:

router.beforeEach((to, from, next) => {
    // to 将要访问的路径
    // from 代表从哪个路径跳转过来
    console.log(to) // 去掉分号即可解决问题
})

解决方案二:

如果希望 eslint 不检查分号这一项,在项目根目录下找到.eslintrc.js 的 js 文件,为rules 属性新增配置:
'semi': 0

    rules: {
        'semi': 0, // 增加此规则即可解决以分号结尾
    }

特别说明:

如果我们希望在vue的每个 js 代码每一个表达式的结尾都以分号结尾,则在 rules 字段增加配置: ‘semi’: [“error”, “always”] ,否则 eslint 会给出错误提示。

    rules: {
        'semi': ['error', 'always'], // 增加此规则即可解决以分号结尾
       }