构建期间出现错误：RollupError：从 vue-cli 迁移到 vite 后需要表达式

Question

我刚刚从 vue-cli 迁移到 vite。在本地服务工作正常，但在构建过程中，我收到以下错误：

x Build failed in 221ms
error during build:
RollupError: Expression expected
    at getRollupError (file:///home/pc/Desktop/proj/node_modules/rollup/dist/es/shared/parseAst.js:379:41)
    at ParseError.initialise (file:///home/pc/pc/proj/node_modules/rollup/dist/es/shared/node-entry.js:11172:28)
    at convertNode (file:///home/officeubuntu23/pc/proj/node_modules/rollup/dist/es/shared/node-entry.js:12914:10)
    at convertProgram (file:///home/officeubuntu23/pc/proj/node_modules/rollup/dist/es/shared/node-entry.js:12234:12)
    at Module.setSource (file:///home/officeubuntu23/pc/proj/node_modules/rollup/dist/es/shared/node-entry.js:14073:24)
    at async ModuleLoader.addModuleSource (file:///home/pc/Desktop/proj/node_modules/rollup/dist/es/shared/node-entry.js:18712:13)

我尝试过更新node和npm，重新安装rollup并执行

npm update

和

npm install

。

Answer 1

从 vue-cli 迁移到 Vite 有时会引入问题，因为这些工具捆绑和服务 Vue 项目的方式存在差异。例如，请参阅 Daniel Kelly 的“如何从 Vue CLI 迁移到 Vite”。

A

RollupError: Expression expected

应该意味着存在语法或配置问题，Rollup（由 Vite 用于捆绑）无法正确解析。

首先检查项目文件之一中的语法问题。这可能是一个不完整的声明，缺少

;

、

,

、

}

或

)

等字符，或者导入的模块不正确。使用 linter (ESLint) 来捕获这些错误。

虽然您提到了更新node、npm和重新安装rollup，但请确保您项目的所有依赖项都与Vite兼容。

您还可以暂时简化您的项目，或隔离组件以识别有问题的代码。逐渐重新引入应用程序的某些部分，以找出导致构建失败的原因。

Vue 3 项目的基本

vite.config.js

配置是：

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  build: {
    rollupOptions: {
      // Customize Rollup options if necessary
    }
  }
});