Dynamische Importe Code Splitting Ursache: ESLint Parsing Error 'Import'

Question

ich die VueJS Webpack Vorlage bin mit hier: https://github.com/vuejs-templates/webpack

Beispiel Route:

const AuthRoute =() => import(/* webpackChunkName: "authroute" */ './AuthRoute.vue') 

Beispiel Fehler:

[eslint] Parsing error: Unexpected token import

Ich habe die Schritte in Webpack Dynamic Import Sectio gefolgt n, sowie Anthony Gores Blogpost darüber, wie man Code-Splitting mit VueJS auf der Router-Ebene erreicht. Genauer gesagt ist, hier mein Setup:

Package.json

... 
"babel-core": "^6.22.1", 
"babel-eslint": "^8.0.3", 
"babel-jest": "^21.2.0", 
"babel-loader": "^7.1.1", 
"babel-plugin-dynamic-import-webpack": "^1.0.2", 
"babel-plugin-syntax-dynamic-import": "^6.18.0", 
"babel-plugin-transform-es2015-modules-commonjs": "^6.26.0", 
"babel-plugin-transform-runtime": "^6.22.0", 
"babel-preset-env": "^1.3.2", 
"babel-preset-stage-2": "^6.24.1", 
"eslint": "^4.13.1" 
... 

.babelrc

{ 
    "presets": [ 
    ["env", { 
     "modules": false 
    }], 
    "stage-2" 
    ], 
    "plugins": [ 
    "dynamic-import-webpack", 
    "syntax-dynamic-import", 
    "transform-runtime" 
    ], 
    "env": { 
    "test": { 
     "presets": ["env", "stage-2"] } 
    } 
} 

.eslintrc.js

parserOptions: { 
    parser: 'babel-eslint', 
    sourceType: 'module', 
    allowImportExportEverywhere: true 
} 

Ich habe ein bisschen verloren, warum ich diesen Fehler immer noch sehe. Mein Code läuft und funktioniert wie erwartet, wenn Sie npm run dev und npm run build verwenden, aber dieser Parsing-Fehler verhindert, dass der Rest der Datei gelöscht wird, und ich kann ihn nicht unterdrücken.

Alle/alle Hilfe ist willkommen!

Answer 1

.eslintrc.js

parserOptions: { 
    parser: 'babel-eslint', 
    sourceType: 'module', 
    allowImportExportEverywhere: true 
} 

sollte sein:

parser: 'babel-eslint', 
parserOptions: { 
    sourceType: 'module', 
    allowImportExportEverywhere: true 
} 

Quelle: https://eslint.org/docs/user-guide/configuring#specifying-parser