ESlint schlägt beim Kompilieren von es6 Import/Export Anweisungen fehl

Question

Ich versuche, meine vorhandene eckige App mit Klassen in es6 zu konvertieren. Aber der Eslint ist nicht in der Lage, meine js-Dateien zu kompilieren, wenn es auf die Import/Export-Anweisung trifft.

class HeaderController { 

    constructor($rootScope, $scope) { 
     this.$rootScope = $rootScope; 
     this.$scope = $scope; 
    } 

    changeNavItem(selectedTab) { 
     this.activeNavItem = selectedTab; 
    } 

    init() { 
     this.activeNavItem = 'All'; 
    } } 

HeaderController.$inject = ['$rootScope', '$scope']; 

angular.module('app') 
    .controller('HeaderController', HeaderController); 

export default HeaderController; // fails on this line 

ESlint führt dieser Fehler ‚nicht aufgrund Quelle verarbeiten konnte Fehler analysieren‚Import‘und‚Export‘erscheinen nur‚source: Modul‘‘

Ich habe hinzugefügt, um die notwendigen Konfiguration für ESlint, aber es schlägt immer noch fehl.

Ich habe folgend in meinem eslintrc.json

"parserOptions": { 
     "ecmaVersion": 6, 
     "sourceType": "module", 
     "allowImportExportEverywhere": true, 
     "ecmaFeatures": { 
      "modules": true, 
      "arrowFunctions": true, 
      "classes": true 
     } 
    } 

Bitte helfen Sie mit, wie habe ich dieses Problem lösen kann, auch ein vollwertiges Beispiel es6 in Winkel Einrichtung mit schluck wäre wirklich hilfreich.

Answer 1

Bitte versuchen Sie Ihre configuration Datei von eslintrc.json zu .eslintrc.json umzubenennen.