Nano Hash - криптовалюты, майнинг, программирование

Как удалить ошибку синтаксического анализа eslint в операторе экспорта ES6

npm v3.10.10 узел v6.11.0 eslint v4.2.0

Вы можете получить репозиторий здесь. Просто npm install потом npm run lint

Я пытаюсь использовать следующий оператор экспорта (комментарий работает, но уродлив):

контейнеры/index.js

export MainContainer from './Main/MainContainer'
// export { default as MainContainer } from './Main/MainContainer'

конфиг/routes.js

import React from 'react'
import { Route, HashRouter, browserHistory } from 'react-router-dom'
import { MainContainer } from '../containers'

const routes = (
  <HashRouter history={browserHistory}>
    <Route path="/" component={MainContainer} />
  </HashRouter>
)

export default routes

Я установил следующий пакет:

npm install babel-eslint@next --save-dev

.eslintrc

{
  parser: "babel-eslint",
  en: {
    es6: true,
    browser: true
  },
  extends: ["eslint:recommended", "plugin:react/recommended", "standard"],
  plugins: [
    "react"
  ]
}

.eslintrc.json

{
    "env": {
        "browser": true,
        "es6": true
    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "ecmaFeatures": {
            "experimentalObjectRestSpread": true,
            "jsx": true
        },
        "sourceType": "module"
    },
    "plugins": [
        "react"
    ],
    "rules": {
        "indent": [
            "error",
            2
        ],
        "linebreak-style": [
            "error",
            "unix"
        ],
        "quotes": [
            "error",
            "single"
        ],
        "semi": [
            "off",
            "always"
        ]
    }
}

Однако даже с этим установленным я все еще получаю сообщение об ошибке MainContainer, когда я npm run lint

введите здесь описание изображения

пакет.json

"scripts": {
  "start": "webpack-dev-server",
  "production": "webpack -p",
  "lint": "eslint app/.; exit 0",
  "fix": "eslint --fix app/.; exit 0"
},

"devDependencies": {
  "babel-core": "^6.25.0",
  "babel-eslint": "^8.0.0-alpha.13",
  "babel-loader": "^7.1.1",
  "babel-plugin-transform-export-extensions": "^6.22.0",
  "babel-preset-es2015": "^6.24.1",
  "babel-preset-react": "^6.24.1",
  "babel-preset-stage-0": "^6.24.1",
  "css-loader": "^0.28.4",
  "eslint": "^4.2.0",
  "eslint-config-standard": "^10.2.1",
  "eslint-plugin-promise": "^3.5.0",
  "eslint-plugin-react": "^7.1.0",
  "eslint-plugin-standard": "^3.0.1",
  "html-webpack-plugin": "^2.29.0",
  "style-loader": "^0.18.2",
  "webpack": "^3.2.0",
  "webpack-dev-server": "^2.5.1"
}

структура папок

введите здесь описание изображения


  • @AlbertoTrindadeTavares только что добавил их! 13.07.2017
  • Вам нужно выполнить импорт файла index.js. импортировать MainContainer из /ваш путь к файлу здесь/ 13.07.2017
  • @yoursweater У меня есть эта строка в файле route.js import { MainContainer } from '../containers' 13.07.2017
  • @LeonGaban Я думаю, вам нужен плагин Babel stage-1 или просто babel-plugin-transform-export-extensions - babeljs.io/docs /plugins/transform-export-extensions. Имейте в виду, что вы должны добавить этот плагин в файл .babelrc. Этот синтаксис еще не является официальным. 13.07.2017
  • Вам понадобится действующая выписка об экспорте. См. developer.mozilla.org/en-US/docs. /Web/JavaScript/Справочник/. 13.07.2017
  • github.com/leebyron/ecmascript-more-export-from 13.07.2017
  • Я добавил ссылку на репозиторий github.com/leongaban/Duckr. Вы можете проверить это локально! 13.07.2017
  • @hinok Привет, так что у вас все еще есть проблема с причудливым экспортом MainContainer, я опубликую новый вопрос, а затем свяжу вас. stage-1 не работает. 13.07.2017
  • @hinok вот новый вопрос: stackoverflow. com/questions/45090484/ не могли бы вы взглянуть? 13.07.2017

Ответы:


1

Догадаться! Мне нужно было отредактировать файл .eslintrc.json, а не файл .eslintrc.

https://github.com/babel/babel-eslint/issues/6

{
...
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended"
    ],
...
}
13.07.2017
  • Рад, что ты разобрался! 14.07.2017
  • Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..