vite6.0.0-beta.8打包预览报错

[xiaoxian521]

作者，你好，目前在升级vite6时遇到vite-plugin-fake-server打包后报错，如下图

vite6.0.0-beta.8已接近正式版 https://github.com/vitejs/vite/milestone/17

可能是vite6正式引入了 环境概念 带来了一些Break Change

[condorheroblog]

错误显示无法获取 path-to-regexp 的 match 方法，path-to-regexp 是通过 Vite 打包到浏览器的

vite-plugin-fake-server/packages/vite-plugin-fake-server/src/utils/buildPackage.ts

Lines 6 to 47 in c981a3a

	export async function buildPackage(packageName: string) {
	const camelCasePackageName = packageName.replace(/-\w/g, str => str[1].toUpperCase());
	// Call the build function with build configurations
	const result = await build({
	// Do not use a configuration file
	configFile: false,
	build: {
	// Do not output files
	write: false,
	lib: {
	// Entry file is the specified package path
	entry: require.resolve(packageName),
	// Convert package name to camel case
	name: camelCasePackageName,
	// Output format is iife
	formats: ["iife"],
	// Output file name is the same as the package name
	fileName: packageName,
	},
	rollupOptions: {
	output: {
	// Export method is named export
	exports: "named",
	// Allow extension of existing global variables
	extend: true,
	},
	},
	// Do not minify
	minify: false,
	},
	});
	// Check if result is an array, if so, take the first element, otherwise use result directly
	const _result = Array.isArray(result) ? result[0] : result;
	// If the _result does not have an output property, return
	if (!("output" in _result)) {
	return;
	}
	return `window.__VITE__PLUGIN__FAKE__SERVER__.${camelCasePackageName} = (function() { ${_result.output[0].code} return this.${camelCasePackageName}; }).apply({});`;
	}

但是在 Vite6 中的输出不一致了 😅

[xiaoxian521]

感谢你的回答，貌似做个判断，能兼容下vite多版本 😄

[condorheroblog]

不知道这算不算是他们的一个 bug😂

[condorheroblog]

vitejs/vite#18574

管他的，先提一个 bug 😂

[condorheroblog]

Rollup 把 strictRequires 默认值从 auto 改为 true 了，我在打包的时候强制指定打包参数 strictRequires 还为 "auto"。

build: {
	commonjsOptions: {
		strictRequires: "auto",
	},
},

同时在代码中增加判断逻辑——没有别名导出就使用默认导出。

[condorheroblog]

v2.1.3 已经发布