1. vue項目打包採坑 1.1. vue運行報錯error:Cannot assign to read only property 'exports' of object ' ' 這個錯誤我是在打包完部署到nginx上才會報的,在本地環境可以正常運行,真坑; 網上的資料說的報錯原因是export和 ...
1. vue項目打包採坑
1.1. vue運行報錯error:Cannot assign to read only property 'exports' of object '#
- 這個錯誤我是在打包完部署到nginx上才會報的,在本地環境可以正常運行,真坑;
- 網上的資料說的報錯原因是export和import不相容啥的,經過我實際測試修改,問題出在使用export導出方法的js中,import了裡面包含
module.exports
的js,這是兩種不同的表達式,作用相同,但不能一起存在;網上的方法大多是加各種插件,像這位仁兄的,等等我就不一一列舉了,反正到我這都沒用 - 這裡著重說一句,我的vue項目是基於
vue-admin-template
改寫的,然後有些代碼移植了一些以前的h5,在我看來這個問題應該很多人都會遇到,但網上的解決方法要不沒用,要不不清不楚,點出了export和import的問題,卻沒相應的例子
1.2. 解決
- 我的解決辦法是找到衝突的地方,並用統一的版本改寫,實際上就是找自己引入的那些js就行了,找到用了module.exports的地方,參考這篇文章改寫,直接導出相應模塊,當然對新手來講這篇文章也還是不夠友好,因為多個表達式導出的形式引用往往是
一個對象.一個方法
,這裡導入的形式可以改成import * as md5 from './md5'
,這樣的形式,之後使用md5.encode()
等等就行了,改動的地方會比較少
1.3. 後記
- 我學習vue還沒有多久,特別對第三方組件和各版本間的區別都不甚瞭解,如有錯誤還望指正,有更好的解決辦法也請指點下