wannabe-jellyfish https://blog.hatena.ne.jp/wannabe-jellyfish/ くらげになりたい。 https://memory-lovers.blog/ Nuxt.js Vue.js Nuxt.jsでSPAからSSRに変更しようとしたら、そのままでうまくいかず。。 import時にエラーが出てしまうのに対処したときの備忘録。 状況 使っていたのは、ScrollRevealというアニメーションライブラリ。 その中で、document.documentElementを参照しているので、サーバサイドレンダリングでエラーになる。。 変更前はこんな感じ。 import ScrollReveal from "scrollreveal"; export default { mounted() { ScrollReveal().reveal(".animate"); } } 変更後 exp… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmemory-lovers.blog%2Fentry%2F2018%2F11%2F20%2F200944" title="SSRなNuxt.jsで、DOM要素を参照するライブラリをインポートする - くらげになりたい。" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/w/wannabe-jellyfish/20181123/20181123102921.png Hatena Blog https://hatena.blog 2018-11-20 20:09:44 rich https://memory-lovers.blog/entry/2018/11/20/200944 1.0 100%