How to work in Nuxt3

[wenzheng-yi]

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

Version

2.2.8

Environment

nuxt3 latest & ant-design-vue 2.2.8

Reproduction link

https://github.com/liaozheng-yi/nuxt3-antd-vue

Steps to reproduce

Command "npx nuxi init nuxt3-app" to init project, install ant-design-vue, add ant-design.ts and set nuxt.config.ts like that git repository.

What is expected?

work in nuxt3

What is actually happening?

Error report: Cannot find module 'D:*\nuxt3-app\node_modules@ant-design\icons-vue\ArrowLeftOutlined' imported from D:*\nuxt3-app.nuxt\dist\server\server.mjs

---

I had follow the answer in https://github.com/nuxt/framework/discussions/1208 , but still meet error.

[hzm18]

+1

[yongchin0821]

+1

[kratospan]

Hi liaozheng-yi,
I had meet same problems. This issue was closed. Did you find any methods to solve？

[wobsoriano]

I got it working. Check steps here #5210

[moliyu]

may be you can try this @wenzheng-yi

import { defineNuxtConfig } from "nuxt"
import Components from 'unplugin-vue-components/vite'
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'

// https://v3.nuxtjs.org/api/configuration/nuxt.config
export default defineNuxtConfig({
  vite: {
    plugins: [
      Components({
        resolvers: [
          AntDesignVueResolver({
            importStyle: 'less'
          }),
        ],
      }),
    ],
    css: {
      preprocessorOptions: {
        less: {
          javascriptEnabled: true
        }
      }
    }
  },
  build: {
    transpile: ['ant-design-vue', 'compute-scroll-into-view', 'moment']
  },
  modules: ['@nuxtjs/tailwindcss']
})

[TLovers]

按照这种方式导入后message 消息提示框全都不展示啊，有办法解决吗

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.