Да, я понимаю там что какой то пакет не обрабатывается бабелем или не был им обработан и попал в бандл. Но я использую стандартный конфиг для некста
, Такой вебпак.
require('dotenv').config();
const path = require('path');
const Dotenv = require('dotenv-webpack');
const withImages = require('next-images');
module.exports =
withImages(
{
exclude: path.resolve(__dirname, 'svg'),
useFileSystemPublicRoutes: false,
webpack: (config, options) => {
config.plugins = [
...config.plugins,
new Dotenv({
path: path.join(__dirname, '.env'),
systemvars: true
})
];
config.module.rules.push(
{
test: /\.svg$/,
exclude: /(node_modules|public)/,
loader: 'svg-react-loader',
}
);
return config;
}
}
);
и бабель rc
{
"presets": [
"next/babel"
],
"plugins": [
[
"styled-components",
{
"ssr": true
}
],
[
"
@babel/plugin-proposal-decorators",
{
"legacy": true
}
],
[
"
@babel/plugin-proposal-class-properties",
{
"loose": true
}
]
]
}
