• 2
  • 新人请关照

使用prerender-spa-plugin预渲染vuejs项目JS无法运行?

我在vuejs项目中使用了prerender-spa-plugin做预渲染,代码如下

new PrerenderSPAPlugin({
      staticDir: path.join(__dirname, '../dist'),
      routes: ['/', '/help/fee', '/help/mnemonic', '/help/agreement', '/help/privacy', '/help/support', '/help/transaction-fail'],
    }),

现在的情况是打包出来貌似没有问题,html里面的内容也确实预渲染了,如图

clipboard.png

但是运行项目发现页面引用的css有效,但JS全都无效,包括状态不会变化,dom绑定的事件不能触发等,求大神解答

阅读 1.5k
评论
    3 个回答

    如 @Zany 所说,需要手动在根组件添加一个id='app'

    <div  id='app'>
        <router-view />
    </div>

    现在你的Vue项目里有两个id='app',一个在public/index.html里,一个在你根组件里。

      相似问题
      推荐文章