2

我正在尝试使用 Vite 为一个简单的基于 Vue 的项目进行构建，但在实际处理构建时遇到了错误。

我的vite.config.js文件：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import nodePolyfills from 'rollup-plugin-node-polyfills'
import commonjs from '@rollup/plugin-commonjs'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    nodePolyfills(),
    commonjs(),
  ],

  resolve: {
    alias: [
      {
        // this is required for the SCSS modules
        find: /^~(.*)$/,
        replacement: '$1',
      },
    ],
  },

  build: {
    outDir: './dist',
  },
})

build 命令vite build运行良好，没有警告，并在文件夹中编译这些文件dist：

  • dist/index.html
  • dist/assets/index.83eff058.js
  • dist/assets/index.acd5fd56.css
  • dist/assets/vendor.96c4e7e1.js（问题文件）

在为我构建的项目提供服务时，我收到这个错误，导致整个事情崩溃并且除了 CSS 之外不加载任何东西：

Uncaught TypeError: Vg is not a constructor
    XA http://localhost:5000/assets/vendor.96c4e7e1.js:5
    <anonymous> http://localhost:5000/assets/vendor.96c4e7e1.js:5
vendor.96c4e7e1.js:5:11738
    XA http://localhost:5000/assets/vendor.96c4e7e1.js:5
    <anonymous> http://localhost:5000/assets/vendor.96c4e7e1.js:5
    InnerModuleEvaluation self-hosted:2388
    InnerModuleEvaluation self-hosted:2388
    evaluation self-hosted:2349

我已经阅读了 Vite 和 Rollup 文档，真的不知道要寻找什么。这是因为缺少 Babel，还是其他原因？

4

0 回答 0