Skip to content

After using babel-plugin-import, the layout problem #4763

@jasonencode

Description

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

Version

2.2.8

Environment

mac

Reproduction link

https://2x.antdv.com/components/layout-cn

Steps to reproduce

<template>
  <Layout>
    <LayoutHeader />
  </Layout>
</template>

<script lang="ts" setup>
import {Layout, Menu,LayoutHeader, LayoutContent} from 'ant-design-vue'
</script>

What is expected?

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    [
    'import',
      {
        'libraryName': 'ant-design-vue',
        'libraryDirectory': 'es',
        'style': true
      }
    ]
  ]
}

What is actually happening?

These dependencies were not found:

  • ant-design-vue/es/layout-content in ./node_modules/cache-loader/dist/cjs.js??ref--14-0!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/App.vue?vue&type=script&lang=ts&setup=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