Я хочу отобразить несколько компонентов в Vue - PullRequest
Новая
       11

Я хочу отобразить несколько компонентов в Vue

0 голосов
/ 24 октября 2019

Я начал изучать TypeScript и Vue. И мы изучаем, как импортировать и отображать несколько компонентов. Но теперь у меня есть ошибка, и я не знаю, как ее исправить.

Если вы удалите какой-либо компонент в файле searchForm.ts, он может запуститься без ошибки.

Хотя это может бытьтрудно увидеть, потому что файлы разделены, пожалуйста, поймите. 

This dependency was not found:

* @/components/atmos/icons/searchIcon.vue in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/
dist/cjs.js??ref--14-0!./node_modules/ts-loader??ref--14-2!./node_modules/eslint-loader??ref--13-0!./src/components/molecules/searchForm.ts?vue&type=script&
lang=js&

To install it, you can run: npm install --save @/components/atmos/icons/searchIcon.vue
Type checking in progress...
No type errors found

fieldinput.Vue 

<template>
    <v-text-field label="Solo" placeholder="Placeholder" solo></v-text-field>
</template>
<script src="./fieldInput.ts"></script>

fieldInput.ts 

import { Component, Vue } from "vue-property-decorator";
@Component
export default class FieldInput extends Vue {}

searchIcon.vue 

<template>
    <v-icon>fas fa-search</v-icon>
</template>
<script src='./searchIcon.ts'></script>

searchIcon.ts 

import { Component, Vue } from "vue-property-decorator";
@Component
export default class SearchIcon extends Vue {}

searchForm.vue 

<template>
  <div>
    <searchIcon></searchIcon>
    <fieldInput></fieldInput>
  </div>
</template>
<script src="./searchForm.ts"></script>

searchForm.ts 

import { Component, Vue } from "vue-property-decorator";
import searchIcon from "@/components/atoms/icons/searchIcon.vue";
import fieldInput from "@/components/atoms/inputs/fieldInput.vue";

@Component({
  components: {
    fieldInput,
    searchIcon
  }
})
export default class SerachForm extends Vue {}
...