Javascript import语句给出了一个语法错误，称为；无法在模块外部使用导入语句；

我对web开发还不熟悉，这只是我为测试安装的新文本编辑器而创建的一个简单代码，我在尝试导入react时遇到了这个错误，因为我遇到了一些其他错误，如；TypeError:无法读取未定义的属性“createElement”

请问，我如何解决这个问题？进口声明错了吗

import React，{Fragment}来自'React'；
控制台日志（“测试”）；
var文件//作出此声明是因为我收到一个文档未定义错误
document.createElement（“p”）：
常量p=document.createElement（“p”）
p、 innerHTML=“这是为了测试javascript”；
const body=document.querySelector（“body”）；
body.insertBefore（p，body.childNode[-1]）

测试与代码
测试vscode html预览包
你好
根据，在导入脚本之前，您需要将以下两行添加到HTML文件中：



我不确定模块加载是否会按照您的预期方式工作，而不使用诸如CreateReact应用程序之类的东西。您可以删除import语句，并且仍然可以在脚本中引用React和ReactDOM

e、 g

“严格使用”；
const e=React.createElement；
类LikeButton扩展了React.Component{
建造师（道具）{
超级（道具）；
this.state={liked:false}；
}
render（）{
if（this.state.liked）{
返回“您喜欢的评论编号”+this.props.commentID；
}
返回e(
“按钮”，
{onClick:（）=>this.setState（{liked:true}}），
“喜欢”
);
}
}
//查找所有DOM容器，并在其中呈现类似按钮的内容。
document.querySelectorAll（'.like_按钮_容器'）
.forEach（domContainer=>{
//从data-*属性读取注释ID。
const commentID=parseInt（domContainer.dataset.commentID，10）；
ReactDOM.render(
e（如按钮，{commentID:commentID}），
domContainer
);
});
我知道您希望使用React创建一个简单的应用程序。我建议你先读这篇，然后再读这篇：

可以在启动时通过导入脚本创建react应用程序，但这不是构建react应用程序的推荐方法

一旦你看完上面的文章，就可以在你选择的平台上找到你选择的好教程，无论是基于博客还是基于视频的。我可以列举一些，比如udemy、frontend masters、pluralsight，还有更多

您应该使用节点包管理器创建React应用程序
npx创建反应应用程序appName

或者应该将react脚本链接到html

<script src="https://unpkg.com/react@16/umd/react.development.js"></script> 
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>




此外，您不能重新定义文档对象。这引用了您的网页，您可以使用Document Object访问元素或DOM（Document Object Model）。
代码不可理解，您使用的是react js，或者您想使用简单的javascript？我想使用简单的javascript，那么您为什么要尝试导入react？