鍍金池/ 問答/HTML/ 報錯！Cannot assign to read only property '

報錯！Cannot assign to read only property 'exports' of object

export default {
    data(){
        return {
            currentPage: 'findMusic',
            currentCut: 'discover',
        }
    },
    name: 'home',
    components: {
        headTop
    },
    mounted(){
         new Swiper('.swiper-container', {
            loop: true,
            autoplay: 3000,
            autoHeight: true,
            grabCursor: true,
            prevButton: '.swiper-button-prev',
            nextButton: '.swiper-button-next',
            pagination: '.swiper-pagination',
        });
    }
}
import '../plugins/swiper-3.4.2.min.js'
import '../styles/swiper.min.css'
<div class='swiper-container'>
            <div class='swiper-wrapper'>
                <div class='swiper-slide'><img src='../assets/slide/slide1.jpg'/></div>
                <div class='swiper-slide'><img src='../assets/slide/slide2.jpg'/></div>
                <div class='swiper-slide'><img src='../assets/slide/slide3.jpg'/></div>
                <div class='swiper-slide'><img src='../assets/slide/slide4.jpg'/></div>
                <div class='swiper-slide'><img src='../assets/slide/slide5.jpg'/></div>
                <div class='swiper-slide'><img src='../assets/slide/slide6.jpg'/></div>
            </div>
            <div class='swiper-pagination'></div>
            <div class='swiper-button-prev swiper-prev'></div>
            <div class='swiper-button-next swiper-next'></div>
        </div>

網(wǎng)上搜索，說的是 import 和 module.export不能混用，可是我這里沒有混用啊。。。暈，哪位大佬能幫下，拜謝

回答
編輯回答
情已空

需要引入插件 babel-plugin-transform-es2015-modules-commonjs
然后在 .babelrc中配置 { "plugins": ["transform-es2015-modules-commonjs"] }

我的簡書[https://www.jianshu.com/p/837...]

2018年3月2日 10:38
編輯回答
臭榴蓮
寫法沒有問題，我本地測試也沒問題。
可能是 Swiper中最后這段導(dǎo)出的代碼引起的 module.exports = window.Swiper

可以參考這篇文章解決下 GO

2017年12月19日 19:49