Как импортировать пакеты из узловых модулей в Javascript? Не используя инструменты сборки

Question

Я установил Vue в своем проекте с использованием NPM, и сейчас я пытаюсь использовать его в файле JavaScript с именем main.vue.js.

Однако, когда я пытаюсь импортировать модуль Vue, я получаю эту ошибку в браузере:

GET http://localhost:3000/vue.esm 404 (Not Found)

main.vue.js:

import Vue from './vue.esm'

var app = new Vue({
    el: '#app',
    data: {
        message: 'Hello Vue!'
    }
});

export {app}

Я также пытался импортировать из

../node_modules/vue/dist/vue.esm 

и даже от root и ни одна не работает.

В моем html-файле я использую тег script в заголовке:

<script type="module" src="main.vue.js"></script>

В данный момент я не использую никаких инструментов сборки, я просто хочу сделать это с поддержкой простого javascript и модулей в браузере Chrome.

Answer 1

Исправлено, сервер не обслуживал node_modules, так как я указал root на один каталог ниже, чем node_modules.