Estaba tratando de instalar la biblioteca react-multi-carousel cuando ocurrió este error:

./node_modules/react-multi-carousel/lib/styles.css
TypeError: Cannot read properties of undefined (reading 'tap')

Creo que esto está sucediendo porque el proyecto usa nextjs (que solo conocen los conceptos básicos extremos). Este es mi archivo next.config :

 const webpack = require('webpack') const withPlugins = require('next-compose-plugins') const optimizedImages = require('next-optimized-images') const withCSS = require('@zeit/next-css') const path = require('path') const withReactStorefront = require('react-storefront/plugins/withReactStorefront') require('dotenv').config() module.exports = withReactStorefront({ target: 'serverless', connector: 'connector', webpack: config => { config.plugins.push( new webpack.optimize.LimitChunkCountPlugin({ maxChunks: 1, }) ) return config }, }) const nextConfig = { webpack: (config, { dev }) => { config.module.rules.push({ test: /\.svg$/, use: ['@svgr/webpack'], }) config.plugins.push(new webpack.EnvironmentPlugin(process.env)) config.resolve.alias['components'] = path.join(__dirname, 'components') config.resolve.alias['static'] = path.join(__dirname, 'static') return config }, } module.exports = withPlugins( [ [ optimizedImages, { handleImages: ['jpeg', 'png'], }, ], withCSS, ], nextConfig )

Además, estoy tratando de importar estos estilos en un componente de la página siguiente llamado restaurants.js . Intenté importar dentro _app.js y tampoco funcionó.