Vue服务端渲染,在路由加载方式处出错

发布于 2022-09-05 06:37:59 字数 1186 浏览 12 评论 0

按照Vue官方SSR文档进行Vue服务端渲染,在修改路由加载方式时出错。

// 这里进行修改……
import Foo from './Foo.vue'    // 非按需加载写法
// 改为这样:
const Foo = () => import('./Foo.vue')    // 按需加载写法

当不使用按需加载时,没有问题。
但是使用按需加载时,报了以下错误。

[vue-router] Failed to resolve async component default: Error: Cannot find modul
e 'js\9.js' from 'F:\Josh\git\ssr\dist'
[vue-router] uncaught error during route navigation:
{ Error: Cannot find module 'js\9.js' from 'F:\Josh\git\ssr\dist'
    at Function.module.exports [as sync] (F:\Josh\git\ssr\node_modules\resolve\l
ib\sync.js:40:15)
    at r (F:\Josh\git\ssr\node_modules\vue-server-renderer\build.js:7741:44)
    at Function.requireEnsure [as e] (js/main.js:41:25)
    at blank (js/main.js:394:29)
    at F:\Josh\git\ssr\node_modules\vue-router\dist\vue-router.common.js:1711:17

    at F:\Josh\git\ssr\node_modules\vue-router\dist\vue-router.common.js:1738:66

    at Array.map (native)
    at F:\Josh\git\ssr\node_modules\vue-router\dist\vue-router.common.js:1738:38

    at Array.map (native)
    at flatMapComponents (F:\Josh\git\ssr\node_modules\vue-router\dist\vue-route
r.common.js:1737:26) code: 'MODULE_NOT_FOUND' }

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

诗笺 2022-09-12 06:38:00

是webpack配置输出文件时,filename为'js[name].js'导致的,修改成'[name].js'后问题解决

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文