升級完webpackd到5.64.3, webpack-dev-server到4.5.0后報如上錯誤
官方解決方案
github上的解決方案
以上兩個都全試過, 問題依然存在,
所以 我在 main.js中
window.appRender= (props = {}) => {...你的render函數(shù)....}
在index.html中(要在你的app.js插入位置之后)一般的構(gòu)建工具(各種cli或者手寫的app.js是插入在body標簽內(nèi), 所以你可以寫在body標簽之后)
<script entry>(function() {
(function (win) {
win['purehtml'] = {
bootstrap: () => {
console.log('purehtml bootstrap');
},
update: () => {
console.log('purehtml update');
},
mount: (props) => {
console.log('purehtml mount');
return win.appRender(props);
},
unmount: () => {
console.log('purehtml unmount');
},
};
})(window);
})(window)</script>
就行了,
親測完美運行,
思路就是:
1: 乾坤是個單頁應用 所以肯定是共享全局對象的
2: 乾坤會在子項目的生命周期中調(diào)用在子項目中申明的對應的生命周期函數(shù)
所以有了如上解決思路,
