运行'npm run build'时Vue和UglifyJS错误

Question

当我运行“ npm run build”时，出现以下错误

UglifyJs中的build.js中出现错误意外令牌：punc（（）[build.js：11307,24]

似乎是导致该问题的代码在下面的代码中。

注意：当我删除方法：{}和created（）{}时，错误已解决。 我还尝试一次从这两个代码块中删除一个函数，直到完全删除了这两个完整的代码块集之后，任何方法都无效。

我可以清空“方法”代码块，并完全删除“创建的”代码块，并且它的构建也很好。

另外我在运行'npm run dev'时没有任何问题。

export default {
    data: function() {
        return {
            currentSlide: 1,
            slides: [
                'slideshow-slide-1.png',
                'slideshow-slide-2.png',
                'slideshow-slide-3.png'
            ],
            slideInfo: [
                { title: 'Commercial Truck Parts Wholesaler', description: 'All makes trucks parts, components and acillary products' },
                { title: 'Quality and Name-Brand Products', description: 'Direct ship program with mix and match capabilities' },
                { title: 'Fleet, Part Distributor or Service Facility?', description: 'Contact us to improve your parts procurement processa and reduce your inventory' }
            ],
            myTimer: 0
        }
    },
    methods: {
        autoRotateImages() {
            this.myTimer = setInterval(function() {
                if (this.currentSlide < 3) {
                    this.currentSlide += 1;
                } else {
                    this.currentSlide = 1;
                }
            }.bind(this), 5000);
        },
        changeSlide(index) {
            this.currentSlide = index;
            clearInterval(this.myTimer);
            this.autoRotateImages();
        },
        getImageUrl(slide) {
            return '/dist/'+slide;
        }
    },
    created() {
        this.autoRotateImages();
    }
}

编辑：在我的webpack.config.js文件中使用它

test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/,
query: {
    presets: ['es2015']
}

Answer 1

我认为这

created() {
    this.autoRotateImages();
}

应该

created: function() {
    this.autoRotateImages();
}.bind(this)

您是否在转换生产代码？

Answer 2

尝试

npm cache clear -f

然后

npm install

可能会解决问题