#npm run build returning [rollup-plugin-dynamic-import-variables] Unexpected token

1 messages · Page 1 of 1 (latest)

woeful ginkgo
#

Hi, I am getting
[rollup-plugin-dynamic-import-variables] Unexpected token (19:21)

for the following code in my app.js file:

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}
/>

(line refers to the export default () section)

Any input on what I could be doing wrong or steps to fix? Thank you!

Video for context: https://share.getcloudapp.com/8Luq4Z8G

Full error stack trace: https://gist.github.com/HeadStudios/04bc413501b502bbe165db5c12905661

Thank you!

Gist

GitHub Gist: instantly share code, notes, and snippets.

#

npm run build returning [rollup-plugin-dynamic-import-variables] Unexpected token

tacit birch
#

You should probably look into how React actually works if you want to use it

#

But why on earth would you be trying to use React if you're heavily reliant on Nova which uses Vue?

#

It's like you're trying to run into as many issues as you possibly can run into

woeful ginkgo
grizzled ermine
#

Doesn’t Nova kinda have “data grids”? Bring a CRUD package an’ all.

woeful ginkgo
worn sphinx
woeful ginkgo
#

Nvm found a couple 🙂 I will see if thsze fit my requirements chrs

#

I love Nova! It is the king of everything