Question

0

246

Vistas

Uncaught SyntaxError: Cannot use import statement outside a module for sample file

I have a folder for test only that contain only 3 file

index.js
sample.js
index.html

Index.html

<!DOCTYPE html>
<html>

<head>

    <script src="index.js"></script>
    <title>Page Title</title>
</head>

<body>

    <h1>This is a Heading</h1>
    <p>This is a paragraph.</p>

</body>

</html>

index.js

import { data } from './sample';
console.log(data)
const newObj = Object.entries(sampleOb).filter((item, index) => index === 0)
console.log(Object.fromEntries(newObj) )

sample.js

export const data = {
    name:"abc",
    age:"19"
}

But problem is when i try to import data.js to index.js, it show this error So how to fix this, thank you

about 4 years ago · Juan Pablo Isaza

1 Respuestas

Responde la pregunta

0

Responde la pregunta

Encuentra empleos remotos

Answer 1 · 2022-06-30T04:32:14.515Z

The issue is that index.js is declared as a script but not as one which is a module. You can learn more about declaring a script as a module from MDN.

Your code would be more correct as:

<script src="index.js" type="module"></script>

0

246

Uncaught SyntaxError: Cannot use import statement outside a module for sample file

1 Respuestas

0

Encuentra empleos remotos

Andres GPT