当传递到功能时，vite无法解决文件路径

Question

我正在使用vite捆绑应用程序，在我的一个子页面之一的index.html中，我具有以下功能：

var scriptTag = document.createElement("script");
scriptTag.src = "main.dart.js"; // change to app
scriptTag.type = "application/javascript"; // change to app
document.body.append(scriptTag);

在Web控制台中给出以下错误：

 http://localhost:5000/app/main.dart.js net::ERR_ABORTED 404 (Not Found)
n @ app.e9ec45f4.js:1
(anonymous) @ app.e9ec45f4.js:1
setTimeout (async)
(anonymous) @ app.e9ec45f4.js:1
load (async)
(anonymous) @ app.e9ec45f4.js:1

Vite无法解决此路径。我假设这是因为Vite将它们识别为函数的字符串输入，而不是对文件的引用。 有什么方法可以使Vite解决非IMPORT功能中使用的路径？

以下是我目录结构中的相关文件：

src:
- index.html
- app:
   - index.html
   - main.dart.js

这是我的vite.config.js：

export default defineConfig({
    root: "src",
    publicDir: "../public",
    build: {
        emptyOutDir: true,
        outDir: "../dist/web",
        rollupOptions: {
            input: {
                main: "src/index.html",
                app: "src/app/index.html",
            },
            external: ["assets", "splash/style.css"],
        },
        // optimizeDeps: {
        //  exclude: ["app/flutter_service_worker.js"],
        // },
    },
    resolve: {
        alias: {
            vue: "vue/dist/vue.esm-bundler.js",
        },
    },
    define: {
        "process.env": process.env,
    },
    plugins: [
        VitePWA({
            strategies: "injectManifest",
            srcDir: "app",
            filename: "flutter_service_worker.js",
            injectRegister: "null",
        }),
    ],
});

谢谢