反应：语法错误：不能在模块外使用导入语句

Question

我有以下代码，它给了我一个错误“SyntaxError：不能在模块外使用导入语句”，它指向文件的第一行：import React, {createContext} from 'react';

import React, {createContext} from 'react';

const UserContext = React.createContext({
   isLoggedIn: false,
   UID: '',
   setUID: () => {},
   login: () => {},
   logout: () => {}
});

export default UserContext;

我尝试将 "type": "module" 添加到我的 package.json 中，但它导致了一个新错误“ReferenceError: require is not defined”，它指向我的 app.js 文件到“const express = require”行（'特快列车'）”。我也尝试将文件名从 UserContext.js 更改为 UserContext.mjs 但它没有解决问题。我该怎么做才能解决这个问题？