报错信息
node_modules/lodash.template/index.js:1558throw result;^
SyntaxError: Unexpected token=
atFunction(<anonymous>)
node_modules/lodash.template/index.js:1550:12
问题背景
使用vue-server-renderer编译,插入html到模版中
const fs=require('fs')const{
resolve}=require('path')const createBundleRenderer=require('vue-server-renderer').createBundleRenderer// 读取`skeleton.json`,以`index.html`为模板写入内容const renderer=createBundleRenderer(resolve(__dirname,'./dist/skeleton.json'),{
template: fs.readFileSync(resolve(__dirname,'./index.html'),'utf-8')})// 把上一步模板完成的内容写入(替换)`index.html`
renderer.renderToString({},(err, html)=>{if(err){
console.log('err:'+ err);}
fs.writeFileSync('index.html', html,'utf-8')})
原因
原来是原来html中有这样的代码
<%= htmlWebpackPlugin.options.loading.css%><%= htmlWebpackPlugin.options.loading.html%>
导致解析插入失败
<!--vue-ssr-outlet-->
替换这个,把<%= htmlWebpackPlugin.options.loading.css %> <%= htmlWebpackPlugin.options.loading.html %>
删除掉就好了。
声明:本站所有文章,如无特殊说明或标注,均为网络收集发布。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。