j***@163.com
j***@163.com
  • 发布:2021-10-21 13:05
  • 更新:2021-10-24 14:38
  • 阅读:1928

语法错误: Unexpected token (1:229) 请各位大佬帮忙解决

分类:uni-app

Hbuilderx 执行“运行到浏览器” 就报如下错误:

正在热重载...
11:28:06.197 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):
11:28:06.197 语法错误: Unexpected token (1:229)
11:28:06.212 at components\nav-tab\nav-tab.vue:1

这个问题如何解决?Hbuilder x 的版本:3.2.9.20210927

nav-tab.vue 的代码如下:
<template>
<view class="mod-nav-tab uni-inline-item">
<template v-for="(item,idx) in arrTabs">
<view :key="idx" :style="'width: '+750/arrTabs.length+'rpx;'+(idx===arrTabs.length-1?'':('margin-right:'+seprate+';'))" :class="[selectIndex===idx?'on':(hideLine?'':'un')],'tab'" @click="tabAction(idx)">
<text :class="[hideLine?'txt-no':'text']" >{{item}}</text>
</view>
</template>
</view>
</template>

<script>
export default {
data() {
return {
selectIndex: 0
};
},
props: {
arrTabs: {
type:Array,
default(){
return[];
}
},
select: {
type: Number,
default () {
return 0;
}
},
hideLine:{
type:Boolean,
default:false
},
seprate:{
type:String,
default:'0'
}
},
onShow() {

    },  
    watch: {  
        select(newData,old) {  
            this.selectIndex = newData;  
        }  
    },  
    methods: {  
        tabAction: function(idx) {  
            this.selectIndex = idx  
            this.$emit('tabchange',{index:idx})  
        }  
    }  
}  

</script>
这样的错误如何解决?

2021-10-21 13:05 负责人:无 分享
已邀请:
j***@163.com

j***@163.com (作者)

确实是语法出错,出错的地方: :class="[selectIndex===idx?'on':(hideLine?'':'un')],'tab'"
现把这部分修改就可以正常编译。
心太急躁了,冷静想下应该就可以解决

  • j***@163.com (作者)

    把这部分 :class="[selectIndex===idx?'on':(hideLine?'':'un')],'tab'" 改成 :class="[selectIndex===idx?'on':(hideLine?'':'un'),'tab']",这个语法出错就解决。一般出现这个错误,应该都是自己的问题。

    2021-10-24 14:44

该问题目前已经被锁定, 无法添加新回复