坑!vue.js在ios9中失效!javascript
接到實現,在移動端生成一個分享連接,分享到微信,在微信中打開,加入!
vue
好,用vue實現----------------------->寫代碼-------------------------->測試------------------------------>沒有問題---------------------------------->打包------------------------->測試-------------------------------->安卓---------------------->ios10---------------------->ios9-----------------------:不顯示java
我操!啥緣由?node
不會,趕忙搜呀!------------------------------------------------------>ios9不支持vue5語法---------------------------------------------------->將es6轉換成es5python
vue在IOS9中不生效。S6 不能徹底的唄瀏覽器兼用,因此咱們可能須要轉化成 ES5 問題:ios9沒法識別es6語法 解決方法:將es6轉換成es5 具體流程: 1:進入項目 2:找到要轉換的js文件。(若是是在<script>標籤中寫的,要抽離出來,不然沒法轉換) 3:Babel的安裝:---------------------------------------------------------------:npm install -g babel-cli // -g 表示全局安裝到 nodejs 下的目錄 4:將 Babel 的轉換插件安裝到項目的目錄中:-------------------------------------:npm install babel-preset-es2015 --save 5:執行手動轉換命令:----------------------------------------------------------:babel es6.js(要轉換的) --out-file es5.js(轉換後) --presets es2015 6: 引用轉換後的js. 7:OK,完美解決。 優化: 若是咱們每次修改代碼都手動轉換太過麻煩,加個自動監聽的參數:-w-----------------:babel es6.js -w --out-file es5.js --presets es2015 其餘解決方案: 也能夠在瀏覽器端實時轉換es6轉換爲es5: 1:下載轉換組件庫到項目的目錄下:------------------------------------------------: npm install babel-core@5 --save // 引入es6的代碼 text/babel <script type="text/babel" src="es6.js"></script> <!-- 網頁端實時轉換 --> <script type="text/javascript" src="node_modules/babel-core/browser.min.js"></script> 利用 browser-sync 實現實時刷新靜態頁面: 2:npm install -g browser-sync // 啓動3000端口,監聽項目下的全部文件 browser-sync start --server --files "**"。
好,解決了!ios