Failed to build frontend on VS Code from azure-search-openai-demo repo

Question

Building frontend


> frontend@0.0.0 build /home/milin/azure-search-openai-demo/app/frontend
> tsc && vite build

/home/milin/azure-search-openai-demo/app/frontend/node_modules/vite/bin/vite.js:2
import { performance } from 'node:perf_hooks'
       ^

SyntaxError: Unexpected token {
    at Module._compile (internal/modules/cjs/loader.js:723:23)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:831:12)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:623:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! frontend@0.0.0 build: `tsc && vite build`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the frontend@0.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/milin/.npm/_logs/2023-05-24T13_58_51_618Z-debug.log
Failed to build frontend

Answer 1

Given the information above i can say the following

1. Upgrade Node.js: Upgrade your Node.js to version 14.13.0 or higher. This will allow Node.js to understand the node: prefix in your imports.

Check Vite version: Ensure you're using a version of Vite that is compatible with your version of Node.js. If you're using an older version of Node.js, you may need to downgrade Vite or upgrade Node.js.

Modify the import statement: If upgrading Node.js or checking Vite version is not an option, another workaround could be to modify the import statement to remove the node: prefix. However, this is not recommended unless absolutely necessary, as it might lead to compatibility issues with other parts of your code or with Vite.