"Nuxt - 页面在执行"yarn generate"后无法正常加载"
P粉670107661
P粉670107661 2023-08-26 11:45:49
0
1
534
<p>我有一个简单的nuxt应用程序,其中一个页面位于以下目录结构下:</p> <pre class="brush:php;toolbar:false;">pages callback index.vue</pre> <p>该应用程序是使用“universal”模式生成的。我的问题是,当我在本地运行应用程序(即yarn dev)时,回调页面显示完美并正常工作。但是,当我运行yarn generate然后提供dist文件夹时,页面会出现一些轻微的视觉错误。没有控制台错误或网络错误,但显示有些不完整。问题是:特定的图标(汉堡菜单)不加载,并且下拉/选择组件无法正确初始化并显示其占位符,直到点击为止。</p> <p>这些是已经构建并在应用程序的其他位置正常工作的组件,但是在生成的页面上,它们不起作用。</p> <p>我在构建输出上启用了devtools,并且我能够看到本地运行的版本和生成的版本之间唯一的区别是,当我导航到回调路由时,生成的输出似乎没有收到vue devtools中的“Active”标志。</p> <p>我觉得这很奇怪,并且阅读了关于可导航链接和隐藏页面的内容(因为此页面当前没有从站点的任何位置链接到),并尝试了许多方法,但没有任何效果。我最接近的方法是在主页上创建一个NuxtLink元素,链接到回调路由。当我这样做时,点击链接后,页面按预期工作,并且在devtools的路由选项卡中设置了活动标志。但如果我通过URL栏导航到它,则不起作用。</p> <p>我已经详细阅读了nuxt和vue router的文档,但似乎找不到解决问题的方法。</p>
P粉670107661
P粉670107661

全部回复(1)
P粉464208937

yarn generate 用于部署静态站点,而您的目标设置为universal。运行 yarn buildyarn start 以在universal模式下部署。

请参阅文档此处

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板