inovua / reactdatagrid

Empower Your Data with the best React Data Grid there is
https://reactdatagrid.io
Other
3.45k stars 57 forks source link

npm run build returning [rollup-plugin-dynamic-import-variables] Unexpected token (19:21) error #351

Open HeadStudios opened 1 year ago

HeadStudios commented 1 year ago

Relevant code or config

import React from 'react'
import ReactDataGrid from '@inovua/reactdatagrid-enterprise'
import '@inovua/reactdatagrid-enterprise/index.css'

const columns = [
  { name: 'name', header: 'Name', minWidth: 50, defaultFlex: 2 },
  { name: 'age', header: 'Age', maxWidth: 1000, defaultFlex: 1 }
]

const gridStyle = { minHeight: 550 }

const dataSource = [
  { id: 1, name: 'John McQueen', age: 35 },
  { id: 2, name: 'Mary Stones', age: 25 },
  { id: 3, name: 'Robert Fil', age: 27 },
  { id: 17, name: 'Johny Perterson', age: 40 }
]

export default () => <ReactDataGrid
  idProperty="id"
  columns={columns}
  dataSource={dataSource}
  style={gridStyle}
/>

What you did: Tried to reproduce first example in API docs

What happened:

Got an error when trying to npm run build stating that the line

export default () => <ReactDataGrid
  idProperty="id"
  columns={columns}
  dataSource={dataSource}
  style={gridStyle}
/>

produces following error: [rollup-plugin-dynamic-import-variables] Unexpected token (19:21)

Video for context: [rollup-plugin-dynamic-import-variables] Unexpected token (19:21)

Reproduction repository:

Problem description:

I can't get a test case to run!

Suggested solution:

Just want to compile as a first step!