使用vue遇到的问题

发表于

eslint

  1. 问题：报错：
    1
    The keyword 'import' is reserved

背景：使用iview-admin精简版打开eslint后就在下面代码处报import错，在main.js里引用vue哪里的import确没有报错。而且使用vue-cli3安装的项目（初始化时选择了eslint）里确不会出现这个问题。

1
2
3
4
5
meta: {
      title: 'Login - 登录',
      hideInMenu: true
    },
    component: () => import(/* webpackChunkName: "about" */ '@/view/login/login.vue')

解决方法：经过对比iview-admin精简版里的eslintrc.js文件和vue-cli3初始化得到的eslintrc.js文件得到解决方法，加上这个配置可解决问题：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
module.exports = {
  root: true,
  'extends': [
    'plugin:vue/essential',
    '@vue/standard'
  ],
  rules: {
    // allow async-await
    'generator-star-spacing': 'off',
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'vue/no-parsing-error': [2, { 'x-invalid-end-tag': false }]
  },
  // 加上下面这个配置可以解决问题
  "parserOptions": {
    "parser": "babel-eslint"
  }
}