Привет , ребят , а есть кто с Laravel + Vue работал ?  нужна помощь в настройке серверного рендинга (ssr)

у него можно спросить ?

Кого?

по поводу сервернорго рендинга в vue

Ребят,настроил webpack,поддерживается реакт ts ,но проблема при импорте файлов .Когда я импортирую в   index файл  App (import { App } from './components/app'). Выскакивает ошибка (Module not found: Error: Can't resolve './components/app' in '/home/intern/Public/CalculatorWithServer/js-seed/client/src') Но  eslint мне сам помог путь проложить.Путь точно правильный .Почему может быть такая проблема?

Сам индексный файл нормально отображается

Какое расширение у index?

jsx?

tsx

индексный файл тоже tsx

его я указываю в  entry  и он нормально отображается

Я поддержку tsx ts добавил

entry: './client/src/index.tsx',

Расширение добавил в resolve.extensions?

В вебпак конфиге

Не, я перввый раз настраиваю)

Вот как я настроил                                                                                                                                                                                              module.exports = {
 mode: 'development',

 entry: './client/src/index.tsx',

 output: {
   path: path.resolve(__dirname, 'client/build'),
   filename: 'index.[hash].js',
   publicPath: '/'
 },

 devServer: {
   contentBase: path.join(__dirname, 'dist'),
   port: 3001,
   host: "0.0.0.0",
   open: true,
   progress: true,
   historyApiFallback: true,
   hot: true
 },
 module: {
   rules: [
     {
       test: /\.(js|jsx|tsx|ts)$/,
       exclude: /node_modules/,
       use: {
         loader: 'babel-loader',
         options: {
           presets: [
             '@babel/preset-env',
             '@babel/preset-react',
             '@babel/preset-typescript',
           ],
           plugins: [
             '@babel/plugin-external-helpers',
             'babel-plugin-styled-components',
             '@babel/plugin-proposal-class-properties',
             '@babel/plugin-proposal-object-rest-spread',
           ],
         },
       },
     },
   ],
 },

 plugins: [
   new CleanWebpackPlugin(['client/build']),
   new HtmlWebpackPlugin({ template: __dirname + '/client/src/index.html' }),
   new webpack.HotModuleReplacementPlugin()
 ]
};