Почему не импортируется файл в JavaScript?

Question

[imtoolazytochooceaname]

Я новичок, и пытаюсь изучить JavaScript по туториалам из интернета. По одному из них надо было скачать Parcel. И тут возникла проблема: импорт и экспорт перестал работать. Вот строка импорта:
import {model} from "./model"

И файл "model.js":

export const model = [
    { type: "title", value: "Hello World 3!" },
    { type: "text", value: "&&&" },
    {
        type: 'columns', value: [
            "AAAAAAAAAAAAAAAAAAAAAAAAA",
            "BBBBBBBBBBBBBBBBBBBBBBBBB",
            "CCCCCCCCCCCCCCCCCCCCCCCCC"
        ]
    },
    { type: "media", value: "./assets/1.PNG" }

]

Ничего не работает, страница сайта пуста. Однако, до того, как я разделил код на 2 файла, всё работало отлично, даже с parcel.

Поискав решение проблемы, я нашёл, что надо в html файле добавить "type="module":
<script src="index.js" type="module"></script>

Но и это не помогло. В чём ошибка и как её исправить?

Comments

[Александр Талалаев]

Слишком мало информации.
Какая ошибка и есть ли она в консоли браузера.
Как у вас настроен и работает Parcel.
Обычно структура папок типа такого:

/project
├── /src
│   ├── index.js
│   └── model.js
├── /assets
│   └── 1.PNG
└── index.html

А значит в index.html вы должны подключать как (type="module" можно не писать, там парсель разберётся)

src="./src/index.js"

[Lynn «Кофеман»]

А в туториале не написали что имя файла надо указывать целиком?
import {model} from "./model.js"

И эту ошибку должно быть отлично видно в консоли разработчика в виде ошибки 404.