用prerender-spa-plugin插件Vue项目优化SEOwebpackJsonp is not defined PrerenderSpaPlugin错误
文章 4238 0 0 0
发布时间:2019年08月22日

单页面应用在前端正大放光彩。三大框架 Angular、Vue、React,可谓妇孺皆知。随着单页面应用的普及,人们在感受其带来的完美的用户体验,极强的开发效率的同时,也似乎不可避免的要去处理 SEO 的需求。

在使用预渲染prerender-spa-plugin测试打包生成静态页的时候我们发现在console控制台出现会出现webpackJsonp is not defined错误提示

用prerender-spa-plugin插件Vue项目优化SEOwebpackJsonp is not defined PrerenderSpaPlugin错误

网上搜索是因为公共文件引入的问题,然后我们设置引入位置

我们在 build —> webpack.prod.conf.js 的配置中引入chunks: ['manifest', 'vendor', 'app'],发现还是会出现webpackJsonp is not defined的提示而提示不是出现在公共文件而是拆分的包内,可能是拆分包内的引入不是很正确,所以又查找资料修改了

用prerender-spa-plugin插件Vue项目优化SEOwebpackJsonp is not defined PrerenderSpaPlugin错误

发现生成html中出现了async异步的属性我们把他换成了defer发现页面webpackJsonp is not defined错误提示消失了

用prerender-spa-plugin插件Vue项目优化SEOwebpackJsonp is not defined PrerenderSpaPlugin错误

评论专区
Q群
Q群
Q群
反馈
纠错