Question

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

editor.js：1未捕获的SyntaxError：无法在模块外部使用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({

});

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

Answer 1

如果不使用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

Answer 2

尝试通过yarn安装软件包-> yarn add --dev @ editorjs / editorjs 之后，检查项目中列出的所有软件包（如果列出的所有软件包），那么我认为您的问题就解决了。

如何解决“未捕获的SyntaxError：无法在模块外部使用import语句”？

2 个答案: