无法构建Shopify Vite项目：Post Purchase UI库依赖解析错误

场景说明 #

正在尝试将原Webpack环境下可正常运行的应用，迁移到新版Shopify CLI 3.0，使用Shopify Ruby模板搭配Shopify Post Purchase UI库。已在Vite配置中添加resolve相关配置，但执行yarn dev时仍报错，库的Issue区提问无回应。

当前Vite配置 #

resolve: {
  preserveSymlinks: true,
  alias: {
    '@shopify/post-purchase-ui-extensions-react': '@shopify/post-purchase-ui-react'
  }
},

执行yarn dev时的错误输出 #

2023-06-17 18:43:12 │ frontend │   VITE v4.3.9  ready in 475 ms
2023-06-17 18:43:12 │ frontend │
2023-06-17 18:43:12 │ frontend │   ➜  Local:   http://127.0.0.1:54430/
2023-06-17 18:43:12 │ frontend │ ✘ [ERROR] Could not resolve "./build/esm/index"
2023-06-17 18:43:12 │ frontend │
2023-06-17 18:43:12 │ frontend │     ../../node_modules/@shopify/post-purchase-ui-react/index.mjs:1:14:
2023-06-17 18:43:12 │ frontend │       1 │ export * from "./build/esm/index";
2023-06-17 18:43:12 │ frontend │         ╵               ~~~~~~~~~~~~~~~~~~~
2023-06-17 18:43:12 │ frontend │
2023-06-17 18:43:12 │ frontend │ ✘ [ERROR] Could not resolve "./build/esm/ui-extensions/index"
2023-06-17 18:43:12 │ frontend │
2023-06-17 18:43:12 │ frontend │     ../../node_modules/@shopify/post-purchase-ui-react/ui-extensions.mjs:1:14:
2023-06-17 18:43:12 │ frontend │       1 │ export * from "./build/esm/ui-extensions/index";
2023-06-17 18:43:12 │ frontend │         ╵               ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
2023-06-17 18:43:12 │ frontend │

原Webpack下可正常运行的配置 #

resolve: {
    mainFields: [
        "esnext",
        "browser",
        "module",
        "main"
    ],
    extensions: [
        ".esnext",
        ".tsx",
        ".ts",
        ".jsx",
        ".mjs",
        ".js",
        ".sass",
        ".scss",
        ".css",
        ".module.sass",
        ".module.scss",
        ".module.css",
        ".png",
        ".svg",
        ".gif",
        ".jpeg",
        ".jpg"
    ],
    symlinks: false,
    alias: {
        '@shopify/post-purchase-ui-extensions-react': '@shopify/post-purchase-ui-react',
    }
},

{
            test: /\.mjs$/,
            include: /node_modules/,
            type: "javascript/auto",
            resolve: {
                fullySpecified: false
            }
        }

内容的提问来源于stack exchange，提问作者Enea G UnlimApps