我目前正在开发一个使用Vite 4.3.2 版本的项目,并通过aem-vite插件与 Adobe Experience Manager (AEM)集成。该项目还包括“@aem-vite/vite-aem-plugin”和“@aem-vite/import-rewriter”。
我面临的问题是该项目在开发服务器上运行良好,但在为生产构建时抛出错误。我在浏览器控制台中收到的错误消息是:
模块“”已外部化以实现浏览器兼容性。无法访问客户端代码中的“.custom”。
模块“”部分没有明确说明可能导致此问题的实际模块。
这是我的整个 vite.config.ts 文件:
export default defineConfig(({ command, mode }) => ({
plugins: [
vue(),
vueJsx(),
tsconfigPaths(),
viteForAem({
contentPaths: [designsName, 'content'],
publicPath: clientLibsPath,
}),
bundlesImportRewriter({
publicPath: clientLibsPath,
resourcesPath: 'resources/js',
}),
commonjs({
include: '/node_modules/',
requireReturnsDefault: 'auto',
defaultIsModuleExports: 'auto',
}),
],
optimizeDeps: {
include: ['qs', 'dayjs'],
},
resolve: {
alias: {
'@': fileURLToPath(new URL(clientScriptsPath, import.meta.url)),
'aem-base': aemBaseClientPath(),
...createLibMock('lib/proxyImport', 'proxyImport'),
...createLibMock('components/mixins/isMobile', 'isMobile'),
components: aemBaseClientPath('scripts/components'),
constants: aemBaseClientPath('scripts/constants'),
lib: aemBaseClientPath('scripts/lib'), …Run Code Online (Sandbox Code Playgroud)