Блог

я ищу по всему Интернету один и тот же вопрос. Итак, я создаю приложение vue3 с помощью «vue создать vue-приложение», затем я выбрал опцию по умолчанию, которая была на втором номере, короче говоря, я не выбирал ручную функцию. затем создается приложение vue. после этого я установил vue-owl-карусель, используя «npm i-s vue-owl-карусель», затем в папке «компоненты» я создал еще одну компонентную карусель с кодом:

 <template>
<carousel :autoplay="true" :nav="false">

    <img src="https://placeimg.com/200/200/any?1">

    <img src="https://placeimg.com/200/200/any?2">

    <img src="https://placeimg.com/200/200/any?3">

    <img src="https://placeimg.com/200/200/any?4">

</carousel>

</template>
<script>

import carousel from 'vue-owl-carousel'

export default {
    components: { carousel },
}

</script>
 

итак, проблема начинается здесь,
когда я запускаю свое приложение, оно ничего не показывает на экране. мой экран погас, и когда я комментирую инструкцию по импорту для vue-owl-карусели, мое приложение снова работает нормально. когда я завис над этой строкой:

«импортная карусель из» vue-сова-карусель»»

это написано во всплывающем окне типа «Информация»:

Не удалось найти файл декларации для модуля «vue-сова-карусель». ‘/Applications/XAMPP/xamppfiles/htdocs/vue-app/v-app/node_modules/vue-owl-carousel/dist/vue-owl-carousel.js «неявно имеет тип «любой». Попробуйте npm i --save-dev @types/vue-owl-carousel , если он существует, или добавьте новый файл объявления (.d.ts), содержащий declare module 'vue-owl-carousel';

во всем моем проекте у меня нет никакого кода машинописи или файла с расширением .ts, но ответы, которые я получаю, — это увидеть ts.config.js или измените тип allowJs, для которого должно быть установлено значение true, но у меня нет никаких allowJs. вот мой файл package.json:

 {
  "name": "v-app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^3.0.0",
    "vue-owl-carousel": "^2.0.3"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^7.0.0"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/vue3-essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}
 

я попытался использовать перетаскиваемый из:
https://github.com/SortableJS/Vue.Draggable
но получил ту же ошибку.
также попытался использовать fullcalendar или любые другие сторонние компоненты, но получил ту же ошибку.
любая помощь будет оценена по достоинству.
Спасибо