Блог

У меня есть существующий компонент vue, который я уже использую на одной странице Vue. Я добавил его в новый компонент. Это работает, но я заметил странные ошибки в консоли Chrome. Они не отображаются в исходном появлении. Я понятия не имею, почему это происходит, потому что я скопировал соответствующий код из первого использования.

Дата.vue:

 <template>
  <span>{{ this.formatted }}</span>
</template>

<script>
import { show } from '@/utils/dateUtils';

export default {
  name: 'Date',
  props: {
    date: String,
    format: String,
  },
  computed: {
    formatted() {
      return show(this.date, this.format);
    },
  },
};
</script>
  

Новый компонент:

 <template>
  <Date :date="item.info.date" format="dynamicDate" /> amp;bull;
</template>

<script>
import Date from '@/components/atoms/Date.vue';
import ProfileLink from '@/components/atoms/ProfileLink.vue';

export default {
  name: 'ItemBox',
  components: {
    Date,
  },
  

Ошибки:

 vue.runtime.esm.js:619 [Vue warn]: Error in created hook: "TypeError: _components_atoms_Date_vue__WEBPACK_IMPORTED_MODULE_1__.default is not a constructor"

found in

---> <ItemBox> at src/components/molecules/ItemBox.vue
   <GridLayout>
     <ItemList> at src/components/molecules/ItemList.vue
       <Home> at src/views/Home.vue
         <App> at src/App.vue
           <Root>
warn @ vue.runtime.esm.js:619
logError @ vue.runtime.esm.js:1884
globalHandleError @ vue.runtime.esm.js:1879
handleError @ vue.runtime.esm.js:1839
Vue._init @ vue.runtime.esm.js:5008
VueComponent @ vue.runtime.esm.js:5154
createComponentInstanceForVnode @ vue.runtime.esm.js:3283
./src/main.js @ main.js:78
__webpack_require__ @ bootstrap:853
fn @ bootstrap:150
1 @ Home.vue?1405:1
__webpack_require__ @ bootstrap:853
vue.runtime.esm.js:1888 TypeError: _components_atoms_Date_vue__WEBPACK_IMPORTED_MODULE_1__.default is not a constructor
at VueComponent.created (ItemBox.vue:63)
at invokeWithErrorHandling (vue.runtime.esm.js:1854)
at callHook (vue.runtime.esm.js:4219)
at VueComponent.Vue._init (vue.runtime.esm.js:5008)
at new VueComponent (vue.runtime.esm.js:5154)