这可能是我工作流程中一个非常深奥的特定问题,所以我不知道过去是否有人遇到过。我使用aws-cloud9工作区为Vue应用程序进行开发。我最近开始在vue-router文件中使用动态导入来拆分大块并减小初始文件加载大小。就webpack编译器而言,它可以在浏览器中运行,效果很好!但是,cloud9的短毛绒(我相信它正在使用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仍会在装订线中显示错误。