Я написал отдельный конфиг для сборки сервера.
module: {
rules: [
{
test: /\.scss$|\.css$/,
loader: 'ignore-loader'
},
{
test: /\.tsx?$/,
loader: 'babel-loader',
options: {
customize: require.resolve(
'babel-preset-react-app/webpack-overrides'
),
babelrc: false,
configFile: false,
presets: [require.resolve('babel-preset-react-app')],
plugins: [
[
require.resolve('babel-plugin-named-asset-import'),
{
loaderMap: {
svg: {
ReactComponent: '@svgr/webpack?-svgo,+ref![path]',
},
},
},
],
]
}
}
]
},
Сервер собирается, но когда я делаю renderToString возникает ошибка:
Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined.
Я отдебажил, и понял что неправильно собираются svg-шки. В tsx юзаю их так
import { ReactComponent as LogoSVG } from '../images/logo.svg';
Кажется, что надо докрутить конфиг вебпака. Кто с таким сталкивался?
посмотри что в конфиге кра содержится
Обсуждают сегодня