Looking to switch from ion-slides to swiper due to limitations with dynamic rendering.
After correctly adding
<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7e0d09170e1b0c3e49504e504f">[email protected]</a>package.json file, I followed the documentation to import the packages into the Vue component (Home.vue). However, I encountered the following error:
This dependency was not found:
* swiper/vue in ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/views/Home.vue?vue&type=script&lang=ts
To install it, you can run: npm install --save swiper/vue
I'm uncertain whether the issue lies with the tsconfig.json file, as for testing purposes, I successfully installed the vue3-circle-progress package which works without errors.
Please advise if there is an issue with my tsconfig or if the correct swiper package is missing.
Thank you.
Files:
Home.vue
<template>
<!-- Vue component code here -->
</template>
<script lang="ts">
import {
// Imports here
} from "@ionic/vue";
import { GetNewests } from "../services/home";
// Other imports...
export default {
// Component details...
};
</script>
package.json
{
// Package.json content
}
tsconfig.json
{
// Tsconfig.json content
}