ошибка: нельзя использовать импорт вне модуля?

Question

Я никогда не использовал модуль вне шаблона, созданный, например, create-реагировать-приложение или angular-cli , сейчас я пытаюсь имитировать модульность, не используя их, и яполучить error: cannot use import outside a module

это мой package.json файл:

  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "babel": "^6.23.0",
    "babel-core": "^6.26.3",
    "babel-preset-env": "^1.7.0"
  }
}

Я использую live-сервер для создания сервера для моего проекта, я не могу это сделать:

App.js :

const x = 10;
export default x;

index.js :

import x from './App' // can not use import outside a module

Вопрос в том, чего мне не хватаетвот что мне действительно нужно для создания модуля ??