render error Error: no component matched

来源:5-3 服务端渲染的entry配置

One2469170

2020-02-26

启动npm run dev:server报错
浏览器显示:Internal Server Error

> vue-ssr-tech@1.0.0 dev:server F:\vue-demo\vue-ssr-tech
> cross-env NODE_ENV=development node server/server.js

server is listening on 0.0.0.0:3333
new bundle gererated
request with path /
undefined
render error Error: no component matched
    at server-entry.js:465:23
    at F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:2081:11
    at Array.forEach (<anonymous>)
    at F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:2080:25
    at F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:2195:7
    at step (F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:1879:7)
    at step (F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:1886:9)
    at runQueue (F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:1890:3)
    at F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:2190:5
    at step (F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:1879:7)
Error: no component matched
    at server-entry.js:465:23
    at F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:2081:11
    at Array.forEach (<anonymous>)
    at F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:2080:25
    at F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:2195:7
    at step (F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:1879:7)
    at step (F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:1886:9)
    at runQueue (F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:1890:3)
    at F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:2190:5
    at step (F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:1879:7)
request with path /favicon.ico
undefined
render error Error: no component matched
    at server-entry.js:465:23
    at AbstractHistory.onReady (F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:2049:5)
    at VueRouter.onReady (F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:2800:16)
    at server-entry.js:462:12
    at new Promise (<anonymous>)
    at module.exports../client/server-entry.js.exports.default (client/server-entry.js:4:9)
    at F:\vue-demo\vue-ssr-tech\node_modules\vue-server-renderer\build.dev.js:9355:43
    at new Promise (<anonymous>)
    at F:\vue-demo\vue-ssr-tech\node_modules\vue-server-renderer\build.dev.js:9352:14
    at Object.renderToString (F:\vue-demo\vue-ssr-tech\node_modules\vue-server-renderer\build.dev.js:9544:9)
Error: no component matched
    at server-entry.js:465:23
    at AbstractHistory.onReady (F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:2049:5)
    at VueRouter.onReady (F:\vue-demo\vue-ssr-tech\node_modules\vue-router\dist\vue-router.common.js:2800:16)
    at server-entry.js:462:12
    at new Promise (<anonymous>)
    at module.exports../client/server-entry.js.exports.default (client/server-entry.js:4:9)
    at F:\vue-demo\vue-ssr-tech\node_modules\vue-server-renderer\build.dev.js:9355:43
    at new Promise (<anonymous>)
    at F:\vue-demo\vue-ssr-tech\node_modules\vue-server-renderer\build.dev.js:9352:14
    at Object.renderToString (F:\vue-demo\vue-ssr-tech\node_modules\vue-server-renderer\build.dev.js:9544:9)
写回答

1回答

Jokcy

2020-03-01

看起来是 /favicon.ico 的请求被vue处理了,这个请求肯定没有对应的vue路由,所以九出现了这个报错。可以在进入vue路由之前,先把 /favicon.ico 路由拦截处理掉

0
2
Jokcy
回复
NeoRRRR
这是浏览器默认的,favicon.ico就是你在页面tab上看到的小图标,如果么有提供,默认就是/favicon.ico
2020-03-04
共2条回复

Vue核心技术 Vue+Vue-Router+Vuex+SSR实战精讲

深入讲解Vue核心技术,展示Vue应用开发中的各种问题和解决方案

3168 学习 · 853 问题

查看课程