«Uncaught SyntaxError: невозможно использовать оператор импорта вне модуля» - что это значит?

Question

Я начинаю изучать React через Scrimba, но то, что делает репетитор на экране, я не могу воспроизвести. Я установил npm и установил реагировать и реагировать, но получаю ошибку. Мой код ниже:

import React from 'react'
import ReactDOM from 'react-dom'

function Name(){
    return (
        <p>This is me...</p>
    )
}

ReactDOM.render(<Name />, document.getElementById('root'))

И пакет. json выглядит следующим образом:

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "nodemon app"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "nodemon": "^2.0.2",
    "react": "^16.12.0",
    "react-dom": "^16.12.0"
  },
  "dependencies": {
    "body-parser": "^1.19.0",
    "express": "^4.17.1",
    "express-session": "^1.17.0",
    "mysql": "^2.18.1",
    "path": "^0.12.7"
  }
}

Если кто-то знает, что я делаю неправильно, я действительно ценю это, и очень хотел бы чтобы знать, как это исправить

Answer 1

Вы используете функции es6, а также jsx, пока у вас нет требований для запуска кода. Вы должны установить и настроить веб-пакет и Babel Transpiler.