Здравствуйте. Подключаю библиотеку vanilla-tilt в проект локально добавляя ее в папку со скриптами.
В нужном скрипте вызываю ее через
import vanillaTilt from '../lb/vanilla-tilt';
export default () => {
const сard = document.querySelectorAll("сard -item");
vanillaTilt.init(сard , {
max: 25,
speed: 400
});
}
как и показано в доке. И импортирую этот файлик со скриптом в сборщике в main.js. А в итоге получаю ошибку
Uncaught TypeError: _lib_vanilla_tilt__WEBPACK_IMPORTED_MODULE_0___default.a.init is not a function
at main.js:405
at Module../src/js/index.js (main.js:120)
at __webpack_require__ (main.js:30)
at main.js:94
at main.js:97
at webpackUniversalModuleDefinition (main.js:9)
at main.js:10
В вебпаке такой код
const path = require('path');
module.exports = {
mode: process.env.NODE_ENV || 'development',
entry: {
main: './src/js/index.js',
},
devtool: process.env.NODE_ENV ? false : 'src-map',
output: {
path: path.resolve(__dirname, 'build/js'),
filename: '[name].js',
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader',
},
],
},
};
Из за чего может быть ошибка?
Сама библиотека работает если ее подключать напрямую в html через data атрибуты но через js не хочет.