Antdv: Error introducing ant-design-vue in vite-ssg run build SyntaxError: Cannot use import statement outside a module

[reaink]

Steps:

1. init vitesse, add ant-design-vuenpm add ant-design-vue@next
2. use ant-design-vue component examplea-button in App.vue
3. add vite.config.ts

import Components from 'unplugin-vue-components/vite'
    ...
    // https://github.com/antfu/unplugin-vue-components
    Components({
      extensions: ['vue', 'md'],
      dts: true,
      include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
      resolvers: [
        ...
        AntDesignVueResolver(),    insert line
      ],
    }),
   ...

3. run script npm run build

Err:

node_modules/ant-design-vue/es/index.js:1
(function (exports, require, module, __filename, __dirname) { import * as components from './components';
                                                              ^^^^^^
SyntaxError: Cannot use import statement outside a module

[ZainChen]

I also encountered this problem.

[yinjiazeng]

@ZainChen

Components({
  dts: true,
  resolvers: [
    (name) => {
      if (name.match(/^A[A-Z]/)) {
        const importName = name.slice(1);
        const path = resolve(__dirname, '.', 'node_modules/ant-design-vue/es').replace(
          /\\/g,
          '/',
        );
        return {
          importName,
          path,
          sideEffects: `${path}/${importName.toLowerCase()}/style`,
        };
      }
    },
  ],
})

[nabaonan]

i find use cjs build is ok,change the dir from 'es' to 'lib'
pr #231
i add a option called cjs when you build ,set it true

 AntDesignVueResolver({
          cjs: process.env.NODE_ENV === 'production',
       
        }),

[yejinjian]

@nabaonan I fix my problem with your suggest， but meet new question

xxxxx\node_modules\ant-design-vue\lib\style\default.css:5
[class^=ant-]::-ms-clear,
      ^^

SyntaxError: Unexpected token '^='
    at compileFunction (<anonymous>)

do you still use antdv with vite-ssg?

[yejinjian]

@nabaonan I fix my problem with your suggest， but meet new question

xxxxx\node_modules\ant-design-vue\lib\style\default.css:5
[class^=ant-]::-ms-clear,
      ^^

SyntaxError: Unexpected token '^='
    at compileFunction (<anonymous>)

do you still use antdv with vite-ssg?

[u007]

same issue with @yejinjian , did you manage to fix it?