javascript - 如何解决“ Uncaught SyntaxError :无法在模块外部使用import语句”？

我想在Django项目中设置editor.js，但无法正常工作（我的意思是文本编辑器无法通过）
然后，我尝试在一个简单的HTML和JS文件中进行检查，但此处也没有文本编辑器。我已经遍历控制台了，说

editor.js：1语法错误：无法在模块外部使用import语句

”

我已经按照文档进行了安装-

npm初始化-y
npm我@ editorjs / editorjs --save-dev

指南链接：https://editorjs.io/getting-started

这是我的HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/main.css">
</head>
<body>

    <h1> text editor </h1>
    <div id="editorjs"></div>
    <button> save </button>
    <script  src="editor.js"></script>

</body>
</html>

这是我的JS代码

import EditorJs from '@editorjs/editorjs';


const editor = new EditorJs({

});

您能帮我解决这个问题！！谢谢

最佳答案

如果不使用Webpack（或类似的构建器），则不能使用import。您可以添加

<script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest"></script>

标头并从JS代码中删除import EditorJs from '@editorjs/editorjs';行。
或者开始使用Webpack，这里是教程https://www.jamesbaltar.com/django-webpack