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

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions