Question

所以我将这段代码作为索引页面，并且可以正常工作，但是几分钟后它就停止了。

错误是：

SyntaxError
Unexpected token export

在脚本部分中，如果我删除导入，则错误将消失，但是我需要导入并使用它。它正在与要导入的程序包一起工作，但是我一直在上下看这段代码，但不知道到底发生了什么。

有人有什么建议吗？我傻了吗，错过了这么简单的东西？

<template>
    <section class='container'>
        <img class='my-4' src="~/assets/images/carousel/1.png" alt="card" />
        <div class='text-center mx-auto my-4'>
            <a href="/send/photo"><button> Send a card </button></a>
            <p class='subtle my-4'> Or </p>
            <a href="/open"><button class='btn-blue'> Open a card </button></a>
        </div>
        <div id="qrcode"></div>
    </section>
</template>
<script>
import qrcode from 'qrcode-generator-es6'; <<<<<<<<< SYNTAX ERROR AROUND HERE
export default{
    data : function(){
        return {};
    },
    methods : {

    },
    mounted : function(){
        const qr = new qrcode(0, 'M');
        qr.addData('https://app.voxicard.com/?v=vx-9FEFCA66-F592-4FF5-97B8-93B2FD78666D');
        qr.make();
        document.getElementById('qrcode').innerHTML = qr.createSvgTag({
            margin : 0, 
            cellColor : function(){ 
                return "#48658B";
            },
        });
    },
};
</script>
<style>
#qrcode {
    width: 200px;
    height: 200px;
    background-color: red;
}

img {
    display: block;
    max-height: 500px;
    text-align: center;
    margin: auto;
}

button {
    font-size: 125%;
}
</style>

Answer 1

在build的{{1}}属性中，您需要添加一个针对该库的nuxt.config.js块：

transpile

这是由于nuxt期望库导出为CJS模块而不是ES6模块。

Answer 2

在 nuxt.config.js 中替换 export default { 上的 module.exports = {

VueJS + Nuxtjs意外令牌'导出'

2 个答案: