Skip to content

vite7版本,ant-design-vue 4.2.1版本,想兼容v3版本,无法使用convertLegacyToken,报错convertLegacyToken is not a function #8336

@ChuZexx

Description

@ChuZexx
  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

4.2.1

Environment

/

Reproduction link

https://vuecomponent.github.io/issue-helper/#repro-modal

Steps to reproduce

/

What is expected?

成功运行

What is actually happening?

如下vite.config.ts配置

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'
import { theme } from 'ant-design-vue/lib'
import convertLegacyToken from 'ant-design-vue/lib/theme/convertLegacyToken'
const { defaultAlgorithm, defaultSeed } = theme

export default defineConfig(async () => {
function generateModifyVars() {
const mapToken = defaultAlgorithm(defaultSeed)
const v3Token = convertLegacyToken(mapToken)

return {
...v3Token,
'color-primary': '#1677ff',
}
}

return {
plugins: [vue(), vueJsx(), vueDevTools()],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)),
},
},
css: {
preprocessorOptions: {
less: {
modifyVars: generateModifyVars(),
javascriptEnabled: true,
},
},
},
}
})

结果如题

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions