Блог

Я попытался использовать накопительный пакет для создания сервера разработки react typescript, но столкнулся с этой проблемой

rollup.config.js

 import serve from 'rollup-plugin-serve'; import livereload from 'rollup-plugin-livereload'; import babel from '@rollup/plugin-babel'; import { nodeResolve } from '@rollup/plugin-node-resolve'; import commonjs from '@rollup/plugin-commonjs'; import replace from '@rollup/plugin-replace'; export default {  input: 'src/index.tsx',  output: {  file: 'dist/bundle.js',  format: 'iife',  sourcemap: true  },  plugins: [  nodeResolve({  extensions: ['.ts', '.tsx'],  browser: true  }),  replace({  preventAssignment: true,  'process.env.NODE_ENV': JSON.stringify('development')  }),  babel({  babelHelpers: 'runtime',  exclude: /node_modules/,  extensions: ['ts', '.tsx']  }),  commonjs(),  serve({  open: false,  verbose: true,  contentBase: ['', 'public'],  host: 'localhost',  port: 3000  }),  livereload({ watch: 'dist' })  ] };   

babel.config.js

 module.exports = {  presets: [  '@babel/preset-env',  [  '@babel/preset-react',  {  runtime: 'automatic'  }  ],  '@babel/preset-typescript'  ],  plugins: [  [  '@babel/plugin-transform-runtime',  {  corejs: 3,  useESModules: false  }  ],  ['@babel/plugin-syntax-dynamic-import']  ] };  

Все версии пакетов обновлены. Это выходная информация моей консоли введите описание изображения здесь

Большое спасибо за ответы.^___ _ ^