eslint ném lỗi phân tích cú pháp không mong muốn khi xuất tên là

Question

Tôi có một tệp index.js có tên xuất sau được đặt tên trong đó.

export Main from './Main/Main' 

Tuy nhiên, eslint không thích điều này và ném lỗi

Parsing error: Unexpected token Main 

Tôi không chắc chắn lý do tại sao khi ứng dụng được hoạt động bình thường và tôi tin rằng đó là cú pháp hợp lệ.

tập tin .eslintrc của tôi trông như thế này

{ 
    env: { 
    es6: true, 
    browser: true 
    }, 
    parserOptions: { 
    ecmaVersion: 6, 
    sourceType: "module", 
    ecmaFeatures: { 
     jsx: true, 
     experimentalObjectRestSpread: true 
    } 
    }, 
    plugins: [ 
    "react", 
    ], 
    extends: ["eslint:recommended", "plugin:react/recommended", "standard"], 
    "rules": { 
    "comma-dangle" : [2, "always-multiline"], 
    "semi": [2, "never"], 
    "no-extra-semi": 2, 
    "jsx-quotes": [2, "prefer-single"], 
    "react/jsx-boolean-value": [2, "always"], 
    "react/jsx-closing-bracket-location": [2, {selfClosing: "after-props", nonEmpty: "after-props"}], 
    "react/jsx-curly-spacing": [2, "never", {"allowMultiline": false}], 
    "react/jsx-max-props-per-line": [2, {maximum: 3}], 
    "react/jsx-no-literals": 2, 
    "react/sort-prop-types": 2, 
    "react/self-closing-comp": 2, 
    "react/sort-comp": 2 
    }, 
} 

Answer 1

đặn nó ra. Đó là một tính năng thử nghiệm vì vậy tôi cần phải kích hoạt babel-eslint làm trình phân tích cú pháp eslint của tôi.

Bây giờ .eslintrc của tôi trông như thế này

{ 
    parser: "babel-eslint", 
    env: { 
    es6: true, 
    browser: true 
    }, 
    parserOptions: { 
    ecmaVersion: 6, 
    sourceType: "module", 
    ecmaFeatures: { 
     jsx: true, 
     experimentalObjectRestSpread: true 
    } 
    }, 
    plugins: [ 
    "react", 
    ], 
    extends: ["eslint:recommended", "plugin:react/recommended", "standard"], 
    "rules": { 
    "comma-dangle" : [2, "always-multiline"], 
    "semi": [2, "never"], 
    "no-extra-semi": 2, 
    "jsx-quotes": [2, "prefer-single"], 
    "react/jsx-boolean-value": [2, "always"], 
    "react/jsx-closing-bracket-location": [2, {selfClosing: "after-props", nonEmpty: "after-props"}], 
    "react/jsx-curly-spacing": [2, "never", {"allowMultiline": false}], 
    "react/jsx-max-props-per-line": [2, {maximum: 3}], 
    "react/jsx-no-literals": 2, 
    "react/sort-prop-types": 2, 
    "react/self-closing-comp": 2, 
    "react/sort-comp": 2 
    }, 
} 

Answer 2

kể từ khi tôi có những lỗi tương tự cho một lý do khác nhau, đây là nơi tôi đã đi sai:

Nếu bạn đang sử dụng babel với sự phát triển gói nguyên tử, babel được kích hoạt bởi use babel ở đầu mỗi tệp.

use babel, giống như use strict cần phải ở ngay phần đầu của tệp! Vì vậy, nhiều như một không gian ở phía trước của nó sẽ tắt nó, theo sau là động cơ js vấp trên báo cáo xuất khẩu của bạn hoặc, tương tự `` `xuất khẩu token bất ngờ````.

sai:

use babel import { bla } from 'blub'

Đúng:

use babel import { bla } from 'blub'