Así que instalé una biblioteca de controles deslizantes llamada hooper en VueJS 3, y la importé en mi local así
<template> <hooper> <slide>1</slide> <slide>1</slide> <slide>1</slide> <slide>1</slide> <slide>1</slide> </hooper> </template> <script> import { Hooper, Slide } from 'hooper' import 'hooper/dist/hooper.css' export default { components: { Hooper, Slide } } </script>Además, no puedo importar hooper (importar {Hooper, Slide} de 'hooper' ). Hay tres puntos debajo de la palabra hoope, y dice:
Could not find a declaration file for module 'hooper'. 'c:/Users/nurdi/pkl/template/java-vibes/node_modules/hooper/dist/hooper.js' implicitly has an 'any' type. Try `npm i --save-dev @types/hooper` if it exists or add a new declaration (.d.ts) file containing `declare module 'hooper';`Vetur(7016)También hay un error en la consola, dice:
Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor at eval (hooper.esm.js?7e04:172:1) at Module../node_modules/hooper/dist/hooper.esm.js (chunk-vendors.js:1393:1) at __webpack_require__ (app.js:849:30) at fn (app.js:151:20) at eval (GuestBook.vue?ed46:64:1) at Module../node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader-v16/dist/index.js?!./src/components/GuestBook.vue?vue&type=script&lang=js (app.js:986:1) at __webpack_require__ (app.js:849:30) at fn (app.js:151:20) at eval (GuestBook.vue?9b66:1:1) at Module../src/components/GuestBook.vue?vue&type=script&lang=js (app.js:1840:1)Creo que hay varios problemas en su archivo:
Could not find a declaration file [..] es un error de mecanografiado, lo que probablemente sucede porque la CLI de Vue viene con TS lista para usar. Si no usa TS, cambie <script> a <script lang="js"> . Recomiendo siempre hacer esto de cualquier manera.export default {} export default Vue.extend({}) para que la aplicación sepa que es un componente de Vue.Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor generalmente significa que no se pudo encontrar una importación predeterminada en el archivo al que hace referencia. Dado que no está tratando de importar un módulo predeterminado, solo puedo esperar que uno de los dos problemas anteriores sea la causa de esto. Es muy posible que este problema se encuentre dentro de la propia biblioteca.PD: estoy acostumbrado a codificar en Vue 2, por lo que es posible que algunas de mis sugerencias no se apliquen exactamente de la misma manera en Vue 3.