fix(nuxt): pass and format vite-node build errors (#6683)

Co-authored-by: Pooya Parsa <pooya@pi0.io>
This commit is contained in:
Anthony Fu 2022-09-03 18:02:14 +08:00 committed by GitHub
parent abd5dc58c9
commit 537338f116
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 73 additions and 17 deletions

View File

@ -1,21 +1,12 @@
import { performance } from 'node:perf_hooks' import { performance } from 'node:perf_hooks'
import { createError } from 'h3'
import { ViteNodeRunner } from 'vite-node/client' import { ViteNodeRunner } from 'vite-node/client'
import { $fetch } from 'ohmyfetch' import { $fetch } from 'ohmyfetch'
import consola from 'consola' import consola from 'consola'
import { getViteNodeOptions } from './vite-node-shared.mjs' import { getViteNodeOptions } from './vite-node-shared.mjs'
const viteNodeOptions = getViteNodeOptions() const viteNodeOptions = getViteNodeOptions()
const runner = createRunner()
const runner = new ViteNodeRunner({
root: viteNodeOptions.root, // Equals to Nuxt `srcDir`
base: viteNodeOptions.base,
async fetchModule (id) {
return await $fetch('/module/' + encodeURI(id), {
baseURL: viteNodeOptions.baseURL
})
}
})
let render let render
export default async (ssrContext) => { export default async (ssrContext) => {
@ -40,3 +31,67 @@ export default async (ssrContext) => {
const result = await render(ssrContext) const result = await render(ssrContext)
return result return result
} }
function createRunner () {
return new ViteNodeRunner({
root: viteNodeOptions.root, // Equals to Nuxt `srcDir`
base: viteNodeOptions.base,
async fetchModule (id) {
return await $fetch('/module/' + encodeURI(id), {
baseURL: viteNodeOptions.baseURL
}).catch((err) => {
const errorData = err?.data?.data
if (!errorData) {
throw err
}
try {
const { message, stack } = formatViteError(errorData)
throw createError({
statusMessage: 'Vite Error',
message,
stack
})
} catch (err) {
// This should not happen unless there is an internal error with formatViteError!
consola.error('Error while formatting vite error:', errorData)
throw createError({
statusMessage: 'Vite Error',
message: errorData.message || 'Vite Error',
stack: 'Vite Error\nat [check console]'
})
}
})
}
})
}
function formatViteError (errorData) {
const errorCode = errorData.name || errorData.reasonCode || errorData.code
const frame = errorData.frame || errorData.source || errorData.pluginCode
const getLocId = (locObj = {}) => locObj.file || locObj.id || locObj.url || ''
const getLocPos = (locObj = {}) => locObj.line ? `${locObj.line}:${locObj.column || 0}` : ''
const locId = getLocId(errorData.loc) || getLocId(errorData.location) || getLocId(errorData.input) || getLocId(errorData)
const locPos = getLocPos(errorData.loc) || getLocPos(errorData.location) || getLocPos(errorData.input) || getLocPos(errorData)
const loc = locId.replace(process.cwd(), '.') + (locPos ? `:${locPos}` : '')
const message = [
'[vite-node]',
errorData.plugin && `[plugin:${errorData.plugin}]`,
errorCode && `[${errorCode}]`,
loc,
errorData.reason && `: ${errorData.reason}`,
frame && `<br><pre>${frame.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')}</pre><br>`
].filter(Boolean).join(' ')
const stack = [
message,
'at ' + loc,
errorData.stack
].filter(Boolean).join('\n')
return {
message,
stack
}
}

View File

@ -3,7 +3,7 @@ import { createApp, createError, defineEventHandler, defineLazyEventHandler } fr
import { ViteNodeServer } from 'vite-node/server' import { ViteNodeServer } from 'vite-node/server'
import fse from 'fs-extra' import fse from 'fs-extra'
import { resolve } from 'pathe' import { resolve } from 'pathe'
import { addServerMiddleware } from '@nuxt/kit' import { addDevServerHandler } from '@nuxt/kit'
import type { ModuleNode, Plugin as VitePlugin } from 'vite' import type { ModuleNode, Plugin as VitePlugin } from 'vite'
import { normalizeViteManifest } from 'vue-bundle-renderer' import { normalizeViteManifest } from 'vue-bundle-renderer'
import { resolve as resolveModule } from 'mlly' import { resolve as resolveModule } from 'mlly'
@ -41,7 +41,7 @@ export function viteNodePlugin (ctx: ViteBuildContext): VitePlugin {
} }
export function registerViteNodeMiddleware (ctx: ViteBuildContext) { export function registerViteNodeMiddleware (ctx: ViteBuildContext) {
addServerMiddleware({ addDevServerHandler({
route: '/__nuxt_vite_node__/', route: '/__nuxt_vite_node__/',
handler: createViteNodeMiddleware(ctx) handler: createViteNodeMiddleware(ctx)
}) })
@ -112,12 +112,14 @@ function createViteNodeMiddleware (ctx: ViteBuildContext, invalidates: Set<strin
if (moduleId === '/') { if (moduleId === '/') {
throw createError({ statusCode: 400 }) throw createError({ statusCode: 400 })
} }
const module = await node.fetchModule(moduleId) as any const module = await node.fetchModule(moduleId).catch((err) => {
throw createError({ data: err })
})
return module return module
} }
})) }))
return app.nodeHandler return app
} }
export async function initViteNodeServer (ctx: ViteBuildContext) { export async function initViteNodeServer (ctx: ViteBuildContext) {

View File

@ -1,4 +1,3 @@
import { defineNuxtConfig } from 'nuxt' import { defineNuxtConfig } from 'nuxt'
export default defineNuxtConfig({ export default defineNuxtConfig({})
})