yxonic/vite-serve

instantly preview a Vue/React component with Vite

vite-serve

Instantly preview a single file with Vite. Supported formats include: .vue, .jsx, .tsx, .md (rendered by vmark), with out-of-the box Tailwind / WindiCSS support.

Usage

Install:

npm i -g vite-serve

Then preview your file:

vite-serve demo.vue  # or demo.jsx, demo.md, etc.

vite-serve's Issues

Unhandled Promise Rejection Warning

I am not able to get this to work. Here are the steps I took to install and test it. Any ideas? Thanks!

From the command line:

npm i -g vite-serve
npm create vite@latest

(options selected: vue, vue)

cd test-vite-serve
npm install
vite-serve HelloWorld.vue

I then navigate to the page (http://localhost:3000/) and receive the following error:

Network: use --host to expose
(node:74037) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'etag' of undefined
at send$1 (/usr/local/lib/node_modules/vite-serve/node_modules/vite/dist/node/chunks/dep-611778e0.js:53809:13)
at Object. (/usr/local/lib/node_modules/vite-serve/dist/vue.js:45:48)
at Generator.next ()
at fulfilled (/usr/local/lib/node_modules/vite-serve/dist/vue.js:5:58)
at processTicksAndRejections (internal/process/task_queues.js:95:5)
(Use node --trace-warnings ... to show where the warning was created)
(node:74037) 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: 1)
(node:74037) [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.