unplugin-vue-components icon indicating copy to clipboard operation
unplugin-vue-components copied to clipboard

Uncaught TypeError: isFunction is not a function at defineComponent in vite4+vue3+ant-design-vue4

Open examyou opened this issue 2 years ago • 7 comments

Describe the bug

I am having following error on running npm run dev

While it is compiling using npm run build

Screenshot-2023-07-28-at-8-46-51-AM

vite.config.js

import { defineConfig, splitVendorChunkPlugin } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';
import Components from 'unplugin-vue-components/vite';
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/js/app.js',
            ]
        }),
        vue({
            template: {
                transformAssetUrls: {
                    base: null,
                    includeAbsolute: false,
                },
            },
        }),
        splitVendorChunkPlugin(),
        Components({
            resolvers: [
                AntDesignVueResolver({
                    importStyle: false, // css in js
                })
            ],
        }),
    ],
    build: {
        // chunkSizeWarningLimit: 900000,
        rollupOptions: {
            output: {
                entryFileNames: `assets/[name].js`,
                chunkFileNames: function (file) {
                    return `assets/[name].js`;
                },
                assetFileNames: (assetInfo) => {
                    return `assets/[name][extname]`;
                },
                manualChunks: {
                    ant_design_vue: ['ant-design-vue']
                }
            }
        }
    },
    server: {
        hmr: {
            host: 'localhost',
        },
    },
});

Reproduction

Reproduction

System Info

System

Used Package Manager

npm

Validations

  • [X] Follow our Code of Conduct
  • [X] Read the Contributing Guide.
  • [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • [X] Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
  • [X] The provided reproduction is a minimal reproducible of the bug.

examyou avatar Jul 28 '23 03:07 examyou

需要一个可以复现的 git 仓库

lishaobos avatar Aug 02 '23 10:08 lishaobos

需要一个可以复现的 git 仓库

是 AntDesignVueResolver 导致的,删除就不报错了

iowxy avatar Sep 12 '23 03:09 iowxy

这个应该是本质原因 https://github.com/unplugin/unplugin-auto-import/issues/323

unplugin-auto-import 降级到 0.12 可解决。

iowxy avatar Sep 12 '23 05:09 iowxy

这个应该是本质原因 unplugin/unplugin-auto-import#323

unplugin-auto-import 降级到 0.12 可解决。

这个我本身写的是unplugin-auto-import :'^0.11.7' 但是现在不好用了,昨天还好用

smallsun-lgtm avatar Sep 20 '23 17:09 smallsun-lgtm

这个应该是本质原因 unplugin/unplugin-auto-import#323 unplugin-auto-import 降级到 0.12 可解决。

这个我本身写的是unplugin-auto-import :'^0.11.7' 但是现在不好用了,昨天还好用

把脱字符^去掉

iowxy avatar Nov 20 '23 02:11 iowxy