Согласно этой книге , экспорт по умолчанию и именованный экспорт могут существовать одновременно.
Однако, когда я пытаюсь это сделать, именованный импорт всегда не определен. Я использую vue отдельные компоненты файла. Мой полный код в codesandbox .
TestModule.vue
<script>
export default {};
export const test1 = '111';
</script>
App.vue
<template>
<div id="app">
</div>
</template>
<script>
import test, { test1 } from './TestModule.vue';
// import test, { test1 } from './TestModule.js';
console.log(test, test1);
export default {
name: "App",
};
</script>
Я думаю, может быть, это потому, что экспорт работает по-другому. Поэтому я пытаюсь использовать файл js с тем же кодом (см. TestModule.js). Тогда это работает.
Но мой коллега говорит, что он может одновременно экспортировать и импортировать файлы по умолчанию и именованные экспорты в vue-файлы. Он догадывается, что это может быть из-за неправильной настройки веб-пакета.
Так как заставить это работать? Это проблема коды и ящика?