Is this project works with Vite?

[robozb]

It seems not :(

  "dependencies": {
    "@inovua/reactdatagrid-community": "^5.2.3",
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  },

  "devDependencies": {
    "@types/react": "^18.0.27",
    "@types/react-dom": "^18.0.10",
    "@vitejs/plugin-react": "^3.1.0",
    "cross-env": "^7.0.3",
    "express-urlrewrite": "^2.0.1",
    "vite": "^4.1.0"
  }

There are lot of errors.

 text: 'You can mark the path "@babel/runtime/helpers/defineProperty" as external to exclude it from the bundle, which will remove this error. You can also surround this "require" call with a try/catch block to handle this failure at run-time instead of bundle-time.'
        }
      ],
      pluginName: '',
      text: 'Could not resolve "@babel/runtime/helpers/defineProperty"'
    },
    {
      detail: undefined,
      id: '',
      location: {
        column: 37,
        file: 'node_modules/@inovua/reactdatagrid-community/Layout/ColumnLayout/Cell/renderSortTool.js',
        length: 46,
        line: 9,
        lineText: 'var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");',
        namespace: '',
        suggestion: ''
      },
      notes: [
        {
          location: null,
          text: 'You can mark the path "@babel/runtime/helpers/interopRequireDefault" as external to exclude it from the bundle, which will remove this error. You can also surround this "require" call with a try/catch block to handle this failure at run-time instead of bundle-time.'
        }
      ],
      pluginName: '',
      text: 'Could not resolve "@babel/runtime/helpers/interopRequireDefault"'
    },
    {
      detail: undefined,
      id: '',
      location: {
        column: 37,
        file: 'node_modules/@inovua/reactdatagrid-community/Layout/ColumnLayout/Content/List.js',
        length: 46,
        line: 9,
        lineText: 'var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");',
        namespace: '',
        suggestion: ''
      },
      notes: [
        {
          location: null,
          text: 'You can mark the path "@babel/runtime/helpers/interopRequireDefault" as external to exclude it from the bundle, which will remove this error. You can also surround this "require" call with a try/catch block to handle this failure at run-time instead of bundle-time.'
        }
      ],
      pluginName: '',
      text: 'Could not resolve "@babel/runtime/helpers/interopRequireDefault"'
    },
    {
      detail: undefined,
      id: '',
      location: {
        column: 22,
        file: 'node_modules/@inovua/reactdatagrid-community/Layout/ColumnLayout/Content/List.js',
        length: 31,
        line: 11,
        lineText: 'var _typeof = require("@babel/runtime/helpers/typeof");',
        namespace: '',
        suggestion: ''
      },
      notes: [
        {
          location: null,
          text: 'You can mark the path "@babel/runtime/helpers/typeof" as external to exclude it from the bundle, which will remove this error. You can also surround this "require" call with a try/catch block to handle this failure at run-time instead of bundle-time.'
        }
      ],
      pluginName: '',
      text: 'Could not resolve "@babel/runtime/helpers/typeof"'
    },
    {
      detail: undefined,
      id: '',
      location: {
        column: 54,
        file: 'node_modules/@inovua/reactdatagrid-community/Layout/ColumnLayout/Content/List.js',
        length: 39,
        line: 18,
        lineText: 'var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));',  
        namespace: '',
        suggestion: ''
      },
      notes: [
        {
          location: null,
          text: 'You can mark the path "@babel/runtime/helpers/classCallCheck" as external to exclude it from the bundle, which will remove this error. You can also surround this "require" call with a try/catch block to handle this failure at run-time instead of bundle-time.'
        }
      ],
      pluginName: '',
      text: 'Could not resolve "@babel/runtime/helpers/classCallCheck"'
    },
    {
      detail: undefined,
      id: '',
      location: {
        column: 51,
        file: 'node_modules/@inovua/reactdatagrid-community/Layout/ColumnLayout/Content/List.js',
        length: 36,
        line: 20,
        lineText: 'var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));',        
        namespace: '',
        suggestion: ''
      },
      notes: [
        {
          location: null,
          text: 'You can mark the path "@babel/runtime/helpers/createClass" as external to exclude it from the bundle, 
which will remove this error. You can also surround this "require" call with a try/catch block to handle this failure at run-time instead of bundle-time.'
        }
      ],
      pluginName: '',
      text: 'Could not resolve "@babel/runtime/helpers/createClass"'
    },
    {
      detail: undefined,
      id: '',
      location: {
        column: 61,
        file: 'node_modules/@inovua/reactdatagrid-community/Layout/ColumnLayout/Content/List.js',
        length: 46,
        line: 22,
        lineText: 'var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));',
        namespace: '',
        suggestion: ''
      },
      notes: [
        {
          location: null,
          text: 'You can mark the path "@babel/runtime/helpers/assertThisInitialized" as external to exclude it from the bundle, which will remove this error. You can also surround this "require" call with a try/catch block to handle this failure at run-time instead of bundle-time.'
        }
      ],
      pluginName: '',
      text: 'Could not resolve "@babel/runtime/helpers/assertThisInitialized"'
    },
    {
      detail: undefined,
      id: '',
      location: {
        column: 48,
        file: 'node_modules/@inovua/reactdatagrid-community/Layout/ColumnLayout/Content/List.js',
        length: 33,
        line: 24,
        lineText: 'var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));',
        namespace: '',
        suggestion: ''
      },
      notes: [
        {
          location: null,
          text: 'You can mark the path "@babel/runtime/helpers/inherits" as external to exclude it from the bundle, which will remove this error. You can also surround this "require" call with a try/catch block to handle this failure at run-time instead of bundle-time.'
        }
      ],
      pluginName: '',
      text: 'Could not resolve "@babel/runtime/helpers/inherits"'
    },
    {
      detail: undefined,
      id: '',
      location: {
        column: 65,
        file: 'node_modules/@inovua/reactdatagrid-community/Layout/ColumnLayout/Content/List.js',
        length: 50,
        line: 26,
        lineText: 'var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));',
        namespace: '',
        suggestion: ''
      },
      notes: [
        {
          location: null,
          text: 'You can mark the path "@babel/runtime/helpers/possibleConstructorReturn" as external to exclude it from the bundle, which will remove this error. You can also surround this "require" call with a try/catch block to handle 
this failure at run-time instead of bundle-time.'
        }
      ],
      pluginName: '',
      text: 'Could not resolve "@babel/runtime/helpers/possibleConstructorReturn"'
    },
    {
      detail: undefined,
      id: '',
      location: {
        column: 54,
        file: 'node_modules/@inovua/reactdatagrid-community/Layout/ColumnLayout/Content/List.js',
        length: 39,
        line: 28,
        lineText: 'var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));',  
        namespace: '',
        suggestion: ''
      },
      notes: [
        {
          location: null,
          text: 'You can mark the path "@babel/runtime/helpers/getPrototypeOf" as external to exclude it from the bundle, which will remove this error. You can also surround this "require" call with a try/catch block to handle this failure at run-time instead of bundle-time.'
        }
      ],
      pluginName: '',
      text: 'Could not resolve "@babel/runtime/helpers/getPrototypeOf"'
    },
    {
      detail: undefined,
      id: '',
      location: {
        column: 54,
        file: 'node_modules/@inovua/reactdatagrid-community/Layout/ColumnLayout/Content/List.js',
        length: 39,
        line: 30,
        lineText: 'var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));',  
        namespace: '',
        suggestion: ''
      },
      notes: [
        {
          location: null,
          text: 'You can mark the path "@babel/runtime/helpers/defineProperty" as external to exclude it from the bundle, which will remove this error. You can also surround this "require" call with a try/catch block to handle this failure at run-time instead of bundle-time.'
        }
      ],
      pluginName: '',
      text: 'Could not resolve "@babel/runtime/helpers/defineProperty"'
    },
    {
      detail: undefined,
      id: '',
      location: {
        column: 37,
        file: 'node_modules/@inovua/reactdatagrid-community/Layout/ColumnLayout/Content/Row.js',
        length: 46,
        line: 9,
        lineText: 'var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");',
        namespace: '',
        suggestion: ''
      },
...

[dyusef97]

I use vitejs+preact and reactdatagrid run perfectly

[robozb]

Dear @dyusef97

Could you be so kind to share the package.json?

Thanks: Bela

[robozb]

Sorry It was my fault! I had to remove some CSS what Vite inserted automatically for sample :)