小编Lek*_*asp的帖子

Vite 构建中存在浏览器兼容性错误,模块已外部化

我目前正在开发一个使用Vite 4.3.2 版本的项目,并通过aem-vite插件与 Adob​​e 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)

aem vue.js vite

10
推荐指数
2
解决办法
8229
查看次数

标签 统计

aem ×1

vite ×1

vue.js ×1