Cannot find Module imported from node modules

[derHodrig]

Hello,
the task is to build a nuxt 3.9 app, which uses rollup.
The Nuxt app has installed a Vue Plugin (qs-ui), which has installed devexpress

nuxt app project
└───qs-ui
│   └───devextreme
│       │   devextreme/ui/data_grid

To run the app, I already needed to add this vite/ rollup config

optimizeDeps: {
      include: ['devextreme-vue/data-grid']
    }

but as I run the build command there comes this error message

Error: Cannot find module devextreme/ui/data_grid imported from file:///C:/Users/path/to/project/node_modules

In the components of qs-ui the imports of devexpress look like this.:
import { DxDataGrid, DxMasterDetail, DxPager, DxPaging } from 'devextreme-vue/data-grid'

Built plugin import
import { DxDataGrid as pc, DxPager as Pc, DxPaging as Ic, DxMasterDetail as Ac } from "devextreme-vue/data-grid";

So i dont really understand where the devextreme/ui/data_grid comes from.

I know, it's hard to find a solution according to this description, but I have literally no idea how to describe it better. I also searched for similar issues, but I did not find equally cases.

Worth to mention, in development build everything works fine.

---

unjs/nitro#2121

[derHodrig]

Ahhh i messed up...
In the nuxt config you can adress vite and nitro config. both have rollup options.

I thought the solution would be somewhere with that externals in the rollup options. In the qs-ui library i got this

external: ['vue', 'vuetify/lib', 'axios', 'devextreme', 'devextreme-vue/data-grid'],

and for the nuxt app its more or less equal but its meant for the nitro server
https://nitro.unjs.io/config#rollup

So to fix that issue, i have to name all external libs which make issues (i cant explain the "magic" behind it...)

Nuxt Config of the nuxt app

...
nitro: {
    rollupConfig: {
      external: ['devextreme', 'devextreme-vue/data-grid', 'devextreme/core/config']
    }
  },
...

with that build works.