Vue.js为Blackberry浏览器10.3抛出了莫名其妙的语法错误

时间:2017-08-14 21:28:16

标签: webpack vue.js blackberry-10

我使用Vue.js构建网站,我在Blackberry Browser 10.3中收到以下错误:

SyntaxError: Unexpected token '(' app.a3c4ee08427b9dd5e351.js:268

当我查看编译的app.a3c4ee08427b9dd5e351.js文件中的错误中引用的行时,我看到以下内容:

/* harmony default export */ __webpack_exports__["default"] = ({
    name: 'app-header',
    components: {},
    data: function () {
        return {};
    },
    mounted() {}, <-- THIS IS LINE 268 REFERENCED IN THE ERROR
    methods: {}
});

我正在使用&#34;单文件模板&#34;方法,这就是上面的块在我的源代码中看起来像未编译的那样:

<script>

    export default {
        name: 'app-header',
        components : {},
        data : function() {
            return {}
        },
        mounted() {

            $(document).ready(function() {

                $('.nav-link').on('click', function() {
                    $(document).stop().animate({
                        scrollTop : 0
                    }, 444);
                });

            });

        }
    }

</script>

因此抛出错误的块缺少mounted()函数的内容。但是,在编译文件中还有第二个块, mounted()函数的内容完整地存在于app-header组件中:

/* harmony default export */ __webpack_exports__["default"] = ({
    name: 'app-header',
    components: {},
    data: function () {
        return {};
    },
    mounted() {

        $(document).ready(function () {

            $('.nav-link').on('click', function () {
                $(document).stop().animate({
                    scrollTop: 0
                }, 444);
            });

        });
    }
});

错误本身似乎在说我在某个地方遇到了错误的(,但我已经对它进行了1000次梳理,似乎无法找到这种情况发生的地方

此外,这在所有其他浏览器中都能很好地运行。

任何人都知道BB Browser 10.3会导致什么问题?

注意:客户拥有Blackberry,这就是为什么我们要定位一个只有5或6个人实际使用的设备。

0 个答案:

没有答案