Синтаксическая ошибка: неожиданный токен, ожидаемый {(1: 7), create-реагировать-приложение - PullRequest
Новая
       7

Синтаксическая ошибка: неожиданный токен, ожидаемый {(1: 7), create-реагировать-приложение

0 голосов
/ 28 апреля 2018

Я запустил новый реактивный проект, используя шаблон create-реагировать на приложение (https://github.com/facebook/create-react-app),, и при попытке запустить приложение я получаю следующую ошибку, причина в том, что я создал папку с именем «контейнеры» «куда идут все контейнеры, и я хочу создать индексный файл для экспорта всех из этого каталога, так что я могу просто ссылаться на каталог для импорта компонентов de.» * * * * * *

Как это:

импорт UserContainer из './containers/UserContainer'; // Эта работа (но безобразно) import {UserContainer} из './containers'; // Это не работает

По сути, это содержимое моего файла index.js внутри папки Containers: 

export UserContainer from './UserContainer';

И я получаю сообщение об ошибке Синтаксическая ошибка: неожиданный токен, ожидаемый {(1: 7),

это содержимое моего пакета. Json: 

    {
  "name": "user-management1",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "install": "^0.11.0",
    "npm": "^6.0.0",
    "react": "^16.3.2",
    "react-dom": "^16.3.2",
    "react-redux": "^4.2.1",
    "react-router-dom": "^4.2.2",
    "react-router-redux": "^5.0.0-alpha.4",
    "react-scripts": "1.1.4",
    "redux": "^3.5.2"
  },
  "scripts": {
    "lint": "eslint src",
    "lint:fix": "npm run lint -- --fix",
    "lint:css": "stylelint \"src/**/*.{css,less,scss,sss}\"",
    "start": "npm run lint:fix && react-scripts start & npm run apiserver",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject",
    "apiserver": "json-server --watch --port 4000 api/db.json"
  },
  "devDependencies": {
    "bulma": "^0.7.1",
    "eslint": "^3.19.0",
    "eslint-config-airbnb": "^14.1.0",
    "eslint-loader": "^1.7.1",
    "eslint-plugin-css-modules": "^2.7.1",
    "eslint-plugin-import": "^2.2.0",
    "eslint-plugin-jsx-a11y": "^4.0.0",
    "eslint-plugin-react": "^6.10.3",
    "json-server": "^0.12.2"
  }
}

Я запускаю приложение, используя «activ-scripts». Кажется, проблема связана с babel? Нужно ли запускать приложение с помощью babel-node? Или добавить какие-либо пресеты в любом месте? Я думал, что использование этого шаблонного Babel уже было настроено для начала кодирования в ES6.

Пожалуйста, помогите

1 Ответ

0 голосов
/ 28 апреля 2018

Вы в основном реэкспортируете модуль (то есть добавляете экспорт другого модуля в экспорт текущего модуля). Чтобы сделать именованный экспорт UserContainer модуля ./UserContainer экспортом по умолчанию текущего модуля, вы должны написать: 

export { default as UserContainer } from './UserContainer'

Проверьте эту ссылку для полной справки

...