Vite temp file problem

[Mister-Hope]

I am writing temp files and makeing alias for it. It works prefect on webpack, but throw errors on vite:

yarn run v1.22.5
$ vuepress-vite dev __tests__/demo --clean-cache
info Cleaning cache...
info Initializing VuePress and preparing data...
Pre-bundling dependencies:
  vue
  vue-router
  @vuepress/shared        
  nprogress
(this will be run only when your dependencies or config have changed)

  vite v2.3.7 dev server running at:

  > Network:  http://172.29.112.1:8080/  
  > Network:  http://192.168.31.178:8080/
  > Local:    http://localhost:8080/
  > Network:  http://172.23.80.1:8080/
  > Network:  http://172.20.208.1:8080/
(node:8) UnhandledPromiseRejectionWarning: Error: ENOENT: no such file or directory, open 'C:\projects\vuepress-theme-hope\packages\sass-palette\@temp\styles\hope-palette.scss'
    at Object.openSync (fs.js:498:3)
    at Object.readFileSync (fs.js:394:35)
    at rebaseUrls (C:\projects\vuepress-theme-hope\node_modules\vite\dist\node\chunks\dep-bc228bbb.js:23723:33)
    at C:\projects\vuepress-theme-hope\node_modules\vite\dist\node\chunks\dep-bc228bbb.js:23661:17
(Use `node --trace-warnings ...` to show where the warning was created)
(node:8) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 2)
(node:8) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

Related code (edited):

export const palettePlugin: Plugin<PaletteOptions> = ({ id = 'hope' }) => {

  return {
    name: `palette-${id}`,

    alias: {
      [`@${id}/palette`]: `@temp/styles/${id}-palette.scss`,
    },

    async onPrepared(): Promise<void> {
      await app.writeTemp(
        `styles/${id}-palette.scss`,
        `
some content
`
      );
    },
  };
};

Description:

I am writing styles/[id]-palette.scss and it should be @temp/styles/[id]-palette.scss, and then I create a graceful alia to @[id]/palette.

While it only works on webpack, but throws the error on vite as vite seems cannot find @temp/styles/[id]-palette.scss

[meteorlxy]

Seems that the alias could not be resolved recursively. Try this:

[`@${id}/palette`]: app.dir.temp(`styles/${id}-palette.scss`),

[Mister-Hope]

Thanks, I will give a try.

I am metting tons of issues in vite😭

[Mister-Hope]

It's working, thanks.