SyntaxError: import declarations may only appear at top level of a module #717

benclarkk · 2020-05-30T15:04:23Z

benclarkk
May 30, 2020

i'm trying to do the installation bit of the documentation, but when i open my page firefox gives me this error: SyntaxError: import declarations may only appear at top level of a module

this is my html:

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>tiptaptest</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='styles.css'>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>      
    <script src='main.js'></script>
</head>
<body>
    <template>
        <editor-content :editor="editor" />
      </template>
      
      <script>
      // Import the basic building blocks
      import { Editor, EditorContent } from 'tiptap'
      
      export default {
        components: {
          EditorContent,
        },
        data() {
          return {
            // Create an `Editor` instance with some default content. The editor is 
            // then passed to the `EditorContent` component as a `prop`
            editor: new Editor({
              content: '<p>This is just a boring paragraph</p>',
            }),
          }
        },
        beforeDestroy() {
          // Always destroy your editor instance when it's no longer needed
          this.editor.destroy()
        },
      }
      </script>      
    </body>
</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

SyntaxError: import declarations may only appear at top level of a module #717

{{title}}

Replies: 0 comments

Select a reply

SyntaxError: import declarations may only appear at top level of a module #717

benclarkk May 30, 2020

Replies: 0 comments

benclarkk
May 30, 2020