Estoy tratando de aprender reaccionar y seguir js. Quiero usar este complemento . Lo instalé con npm pero no sé cómo importarlo.
¿Cómo voy a usar los paquetes instalados de npm en mi código?
Aquí está el código...
import React from 'react'; import VirtualSelect from 'virtual-select-plugin'; function Options() { VirtualSelect.init({ ele: '#sample-select', options: [ { label: 'Options 1', value: '1' }, { label: 'Options 2', value: '2' }, { label: 'Options 3', value: '3' }, ], }); return <div className='container mx-auto lg:px-10 px-5 mt-10'> <h2>Options</h2> <div> <div> <h3>Genre</h3> <div id="sample-select"></div> </div> <div> <h3>Year</h3> </div> <div> <h3>Seasons</h3> </div> </div> </div>; } export default Options;mensaje de error:
./components/Options.js:2:0 Module not found: Can't resolve 'virtual-select-plugin' 1 | import React from 'react'; > 2 | import VirtualSelect from 'virtual-select-plugin'; 3 | 4 | function Options() { 5 | Import trace for requested module: ./pages/index.js https://nextjs.org/docs/messages/module-not-found <link rel="stylesheet" href="node_modules/virtual-select-plugin/dist/virtual-select.min.css"> <script src="node_modules/virtual-select-plugin/dist/virtual-select.min.js"></script> <!-- optional --> <link rel="stylesheet" href="node_modules/tooltip-plugin/dist/tooltip.min.css"> <script src="node_modules/tooltip-plugin/dist/tooltip.min.js"></script>Esto es de los documentos de virtual-select-plugins
y dijiste que estás usando next js, hay una etiqueta de script en Nextjs Ponlo en toda tu aplicación _app.js en las páginas
Sugiero leer los documentos
hay muchas maneras de hacer eso
la primera opción es agregar su etiqueta de script en la página html pública
la segunda opción es instalar el paquete react helemet para agregar un elemento del encabezado del componente https://www.npmjs.com/package/react-helmet
o simplemente puede usar este paquete para crear una selección virtual en reaccionar https://www.npmjs.com/package/react-select-virtualized
Creo que puede resolver esto simplemente con npm install.
Instale el paquete requerido.
$ npm i virtual-select-plugin
Luego puede ver que el módulo virtual-select-plugin se agrega a las dependencias. Mire paquete.json.
{ "dependencies":{ ... "virtual-select-plugin": "^1.0.29", ... } }