坑!vue.js在ios9中失效

 坑!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

相關文章
相關標籤/搜索