ESlint не удается скомпилировать инструкции импорта/экспорта es6

Question

Я пытаюсь преобразовать существующее существующее угловое приложение в es6, используя классы. Но eslint не удается скомпилировать мои js-файлы, когда он сталкивается с операцией import/export.

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 бросает эту ошибку «не смог обработать источник из-за разбора ошибки „импорта“и„экспорта“может появиться только с„SourceType: модуль“»

Я добавил необходимые config для ESlint, но все равно он не работает.

Я добавил следующее в моем eslintrc.json

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

Пожалуйста, помогите с тем, как я могу решить эту проблему, также полноценный пример настройки ES6 в угловой с глотком бы очень полезно.

Answer 1

Попробуйте переименовать файл configuration с eslintrc.json по номеру .eslintrc.json.