vue3中main.ts关于createApp()引入第三ui组件报错问题

采用按需引入以vant3为例。

1、yarn add vant@next -S 安装vant3

 

2、安装 yarn add babel-plugin-import -D

 

3、npm i -D ts-import-plugin 安装按需引入插件

 

4、新建webpack.config.js

添加

const merge = require("webpack-merge");

const tsImportPluginFactory = require("ts-import-plugin");

 

module.exports = {

  lintOnSave: true,

  chainWebpack: config => {

    config.module

      .rule("ts")

      .use("ts-loader")

      .tap(options => {

        options = merge(options, {

          transpileOnly: true,

          getCustomTransformers: () => ({

            before: [

              tsImportPluginFactory({

                libraryName: "vant",

                libraryDirectory: "es",