SyntaxError:无法在我的 js 文件中的模块外使用 import 语句

mis*_*hen 6 javascript node.js node-modules reactjs es6-promise

我正在学习 ES6,并且正在学习免费的在线课程。在课程中,我们涵盖了 Promises,所以我有:

import fetch from 'cross-fetch';

const apiUrl = 'https://fcctop100.herokuapp.com/api/fccusers/top/alltime';

function getTop100Campers(){
    fetch(apiUrl)
    .then((r) => r.json())
    .then((json) => {
        console.log(json[0])
    }).catch((error) => {
        console.log('failed');
    });
}

getTop100Campers();
Run Code Online (Sandbox Code Playgroud)

当我运行我的代码(我使用的是 Visual Studio Code)时,我得到:

C:\Program Files\nodejs\node.exe src\ES6-Course.js
c:\Users\j\Documents\Programming\ES6\es6course\src\ES6-Course.js:1
import fetch from 'cross-fetch';
^^^^^^

SyntaxError: Cannot use import statement outside a module
    at Module._compile (internal/modules/cjs/loader.js:892:18)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10)
    at Module.load (internal/modules/cjs/loader.js:812:32)
    at Function.Module._load (internal/modules/cjs/loader.js:724:14)
    at Function.Module.runMain (internal/modules/cjs/loader.js:1025:10)
    at internal/main/run_main_module.js:17:11
Run Code Online (Sandbox Code Playgroud)

我错过了什么吗?我查看了 Google 上的错误,所以我安装了 cross-fetch,我还运行了 npm create-react-app es6course 因为我认为我需要运行 React 才能使其工作,但我仍然收到相同的错误消息。