vite使用插件vite-plugin-cdn-import 报：The "path" argument must be of type string. Received undefined

Question

用的vite构建工具，

vite.config.js文件：

import { fileURLToPath, URL } from 'node:url'
import viteCompression from 'vite-plugin-compression'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import { Plugin as importToCDN } from "vite-plugin-cdn-import";


// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    vueJsx(),
    viteCompression({
      filter: /.(js|css|html|json|mjs|png|jpg|jpeg|svg)$/i
    }),
    importToCDN({
      modules: [
        {
          // name: "***",
          // var: "***",
          path: "https://unpkg.com/animate.css@4.1.1",
        },
        {
          path: "https://unpkg.com/bootstrap@5.3.1/dist/css/bootstrap.min.css",
        },
        {
          path: "https://unpkg.com/bootstrap-icons@1.10.0/font/bootstrap-icons.css",
        },
        {
          path: "https://unpkg.com/@popperjs/core@2.11.6/dist/umd/popper.min.js",
        },
        {
          path: "https://unpkg.com/bootstrap@5.3.1/dist/js/bootstrap.min.js",
        }
      ],
    })
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})

Answer 1

用ejs的方式引入

vite+vue3项目配置cdn引入在线依赖_美酒没故事°的博客-CSDN博客 EJS 支持直接在标签内书写简单、直白的 JavaScript 代码。只需让 JavaScript 输出你所需要的 HTML ，完成工作很轻松！ https://blog.csdn.net/qq_42618566/article/details/132333865