Vue "ParseError: 'import' и 'export' могут появляться только с 'sourceType: module'"

Question

Я пытаюсь импортировать модуль узла в мой проект Vue и получаю следующую ошибку:

ParseError: 'import' and 'export' may appear only with 'sourceType: module'

Я понимаю, что это, вероятно, связано с тем, что модуль узла не преобразуется с помощью babelify, но я не уверен, как это исправить.

Мой код можно найти здесь:

https://github.com/timothyylim/vue-date-picker-example

Бег

npm install 
npm run dev 

должен показать ошибку. Я просто начал с шаблона vue-cli browserify и попытался добавить компонент выбора даты.

Любая помощь будет принята с благодарностью!

Answer 1

Следуйте инструкциям по проекту, который вы связали, и используйте его vue-cli : ~

npm install -g vue-cli
vue init browserify my-project
cd my-project
npm install
npm run dev

Следуйте инструкциям командной строки, я должен был также установить @vue/cli-init как предложено. К тому времени, когда это сработало, я вижу, что vue-cli компилирует тот же пример, который вы указали.

РЕДАКТИРОВАТЬ:

Похоже, что это проблема с компонентом https://github.com/weifeiyue/vue-datepicker-local, недавно она была здесь исправлена:

https://github.com/weifeiyue/vue-datepicker-local/commit/a6e3078936a37acc1d6344b7b4d8c14b42be0844

Решение должно быть так же просто, как обновить компонент.

Answer 2

Эта ошибка возникла у меня в уже работающем проекте Vue 3. Никакой видимой причины не было, до этой проблемы все работало нормально.

Я добавил ключ типа в package.json, чтобы обеспечить процесс сборки, используя CommonJs, поскольку vue.config.js находится в этом формате.

      {
  "type": "commonjs"
}

Затем из терминала:

      npm ci

---

Если это все еще не работает. Я бы удалил package-lock.json, удалил каталог node_modules, а затем переустановил. В конце концов я сделал этот шаг, но в этом не должно быть необходимости.