RollupError when I try to build

[gtalk-renato]

I'm getting the following error when I try to build. I don't know what I can do anymore. Can anyone help me?

error during build:
RollupError: Expected '{', got 'interface'
at getRollupError (file:///Users/renato/Projetos/teste/node_modules/rollup/dist/es/shared/parseAst.js:379:41)

During development time, the application is working perfectly

[Yordan-Ramchev]

@gtalk-renato Do you have typescript in your project? You may need to add TS support into your rollup configuration.- https://www.npmjs.com/package/@rollup/plugin-typescript

Can you provide your vite.config file? Can you provide a minimal reproduction example?

Basic vite.config looks like:

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  build: {
    rollupOptions: {
      // Customize Rollup options if necessary
    }
  }
});

[gtalk-renato]

@Yordan-Ramchev
Thanks a lot for the help. Follow my vite.config

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import VueDevTools from 'vite-plugin-vue-devtools'

// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue(), vueJsx(), VueDevTools()],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
}
})

[Yordan-Ramchev]

@gtalk-renato Did you manage to resolve your issue?

[gtalk-renato]

@Yordan-Ramchev
Not yet, I don't know how to adjust vite.config

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import VueDevTools from 'vite-plugin-vue-devtools'

// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue(), vueJsx(), VueDevTools()],
build: {
rollupOptions: {
// Customize Rollup options if necessary
}
},
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
}
})

[Yordan-Ramchev]

@gtalk-renato I don't think it's vite.config related.

1. What Node.js version do you use? (rollup needs v18 - https://www.npmjs.com/package/rollup)
2. Try deleting lockfile and node_modules and reinstalling the packages
3. You can try setting up new project https://github.com/vuejs/create-vue and try to build it. If you don't experience the same error, you could compare the configuration files.

[gtalk-renato]

@Yordan-Ramchev I am very grateful for the help.
My node version is v21.7.1
I deleted the lockfile and node_modules and reinstalled the packages.
I'm sending a part of my code and I'd be very grateful if you could review it. It's basically the "/sign-in" page.
I'm running on a mac M1.

rollup-problem.zip

[Yordan-Ramchev]

@gtalk-renato Rename /src/models/notification/INotification to INotification.ts - this will fix the build, but somethings that you should consider:

• you have wrong markup - multiple </body> tags in index.html
• run lint - there are a lot of warnings
• you could use public folder for loading static assets
• mixing vue with jquery is not a good idea

[gtalk-renato]

I am so gratefull. You are an incredible professional.
Thank you very much