ESlint无法编译es6导入/导出语句

时间:2016-07-18 05:58:14

标签: javascript angularjs gulp ecmascript-6 eslint

我尝试使用类将现有的角度应用转换为es6。但是当遇到导入/导出语句时,eslint在编译我的js文件时失败了。

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:module' '

我已经为ESlint添加了必要的配置,但它仍然失败了。

我在eslintrc.json

中添加了以下内容
"parserOptions": {
        "ecmaVersion": 6,
        "sourceType": "module",
        "allowImportExportEverywhere": true,
        "ecmaFeatures": {
            "modules": true,
            "arrowFunctions": true,
            "classes": true
        }
    }

请帮助我如何解决这个问题,同样一个完整的例子,设置角度与吞咽es6将是非常有帮助的。

1 个答案:

答案 0 :(得分:0)

请尝试将eslintrc.json文件从.eslintrc.json重命名为Conditions Income >=40000? T T T F F F Credit Score >=600? T F F T T F Months at job > 12? - T F T F - Outcomes Approve loan? Y Y X Y X X