单页面应用在前端正大放光彩。三大框架 Angular、Vue、React,可谓妇孺皆知。随着单页面应用的普及,人们在感受其带来的完美的用户体验,极强的开发效率的同时,也似乎不可避免的要去处理 SEO 的需求。
在使用预渲染prerender-spa-plugin测试打包生成静态页的时候我们发现在console控制台出现会出现webpackJsonp is not defined错误提示
网上搜索是因为公共文件引入的问题,然后我们设置引入位置
我们在 build --> webpack.prod.conf.js 的配置中引入chunks: ['manifest', 'vendor', 'app'],发现还是会出现webpackJsonp is not defined的提示而提示不是出现在公共文件而是拆分的包内,可能是拆分包内的引入不是很正确,所以又查找资料修改了
发现生成html中出现了async异步的属性我们把他换成了defer发现页面webpackJsonp is not defined错误提示消失了