vue-plugin icon indicating copy to clipboard operation
vue-plugin copied to clipboard

Vue 3 SSR Support

Open arneesh opened this issue 4 years ago • 6 comments

Does this library have inbuilt SSR support for Vue 3? It is working well on client-side, but when I ran SSR production build I got Vue reference error (added screenshot below). I also tried wrapping it in a no-ssr tag but I am still getting the error.

          <no-ssr>
                  <highlightjs
                    style="white-space: pre-wrap"
                    language="javascript"
                    :code="code"
                  />
          </no-ssr>

Is there a know way to handle it handle the SSR issue if it isn't being handled internally in this package? The bundler that I am using is webpack

136668908-9f5259f9-c845-4619-99f3-cfea8ec64b90

arneesh avatar Oct 09 '21 17:10 arneesh

I'd guess not, but I'm not certain.

joshgoebel avatar Oct 09 '21 19:10 joshgoebel

This plugin doesn't include a commonjs build. Your bundler is using dist/highlightjs-vue.min.js (for web browsers only) instead of dist/highlightjs-vue.esm.min.js.

Also you forgot to hide your file path on the last 2 lines of your traceback 👀

Trinovantes avatar Oct 09 '21 22:10 Trinovantes

这个插件 是不是不支持vue3啊 在开发时没问题 到了打包生成部署时 就报错 说什么Cannot set property HighlightJS of #<Object> which has only a getter

Backru avatar Jan 23 '24 05:01 Backru