0

对于我的工作流程来说,这可能是一个非常深奥且具体的问题,所以我不知道过去是否有其他人遇到过。我使用 aws-cloud9 工作区为我的 Vue 应用程序进行开发。我最近开始在我的 vue-router 文件中使用动态导入来拆分块并减少初始文件加载大小。就 webpack 编译器和在浏览器中运行而言,它运行良好!但是,cloud9 的 linter(我相信它正在使用 eslint)在我第一次动态导入时失败,并出现错误“解析错误:意外的令牌导入”。我的项目目录中有一个 .eslintrc.js 文件,如下所示:

// https://eslint.org/docs/user-guide/configuring

module.exports = {
  root: true,
  parser: "vue-eslint-parser",
  parserOptions: {
    parser: 'babel-eslint',
    ecmaVersion: 2018,
    'allowImportExportEverywhere': true
  },
  env: {
    browser: true
  },
  extends: [
    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
    'plugin:vue/essential',
    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
    'standard'
  ],
  // required to lint *.vue files
  plugins: [
    'vue',
    'babel'
  ],
  // add your custom rules here
  rules: {
    // allow async-await
    'generator-star-spacing': 'off',
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'space-before-function-paren': 0,
    'semi': [1, 'always'],
    'quotes': 0,
    'no-tabs': 0,
    'allowImportExportEverywhere': true,
    'no-mixed-spaces-and-tabs': 0
  }
};

其他问题提到了对 eslintrc 文件的编辑以解决该问题。在我的项目中更改 eslintrc 文件会更改编译时显示的错误,但 aws-cloud9 ide 仍然在排水沟中显示错误。

4

0 回答 0