nuxt.js 中报错 Unexpected token import 如何解决？

Question

问题描述

使用vue-qr生成二维码的时候报错。

<template>
<div class="bgfff">

<vue-qr :size="200" text="hello world!"></vue-qr>

</div>
</template>
<script>
import ClipboardJS from "clipboard";
import VueQr from "vue-qr";
import {

Toast

} from "vant";
export default {

head() {
    return {
        title: "美化教程"
    };
},

components:{
    VueQr
},
data() {
    return {
        ddkUrl: require("~/assets/images/help/dkd-qrcode.png"),
        config:{
            value:'www.baidu.com'
            // imagePath:
        },
     
},

};
</script>

Answer 1

楼主，你好！由于这是服务端渲染，所以选择组件时要先调研下，所选用的组件是否支持服务端渲染。很明显，vue-qr 不支持服务端渲染。可以试试这个 https://github.com/davidshimj...

---

如有帮助，麻烦点击下采纳，谢谢~