“未捕获的语法错误：无法在模块外部使用import语句”-这是什么意思？

Question

我开始通过Scrimba学习React，但是导师在屏幕上正在做什么Im无法复制。我已经安装了npm并安装了react和react-dom，但是出现了错误。我的代码如下：

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

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

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

而package.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"
  }
}

如果有人知道我做错的事情，Id会非常感激，并且真的想知道如何解决此问题

Answer 1

您在不需要运行代码的同时使用es6功能和jsx。您必须安装和配置webpack和babel编译器。