SyntaxError: Unexpected token 'export'

Environment

• Operating System: Windows_NT
• Node Version: v14.18.0
• Nuxt Version: 3-3.0.0-27234503.d5127e9
• Package Manager: Yarn
• Bundler: Webpack
• User Config: build
• Runtime Modules: -
• Build Modules: -

Describe the bug

When i install Element Plus it’s the error that i see

Reproduction

https://github.com/marckent04/nuxt3-first-app/tree/frontend

Additional context

No response

Logs

No response

[wobsoriano]

I’m currently creating a nuxt plugin and got the same error. To fix it I added it to the list of deps prevented from being externalized for SSR.

import {
  defineNuxtModule,
  addPlugin,
  extendViteConfig
} from '@nuxt/kit';
import { resolve } from 'path';

export default defineNuxtModule({
  name: 'nuxt3-module',
  configKey: 'options',
  setup(options) {
    addPlugin({
      src: resolve(__dirname, './plugin.mjs')
    });

    extendViteConfig((config) => {
      // @ts-expect-error: vite
      config.ssr = {
        noExternal: [
          'some-module',
        ]
      };
    });
  }
});

[danielroe]

@productdevbook You might need also to transpile the packages that are being imported by the package you’ve added to transpile. I’ve created a PR to help expose which packages they are: #1696.