操屁眼的视频在线免费看,日本在线综合一区二区,久久在线观看免费视频,欧美日韩精品久久综

第一次做PC端項目，花了兩天時間才將項目可以在各瀏覽器上運行

搭建項目過程就不說了，項目正常在、、搜狗下運行，但是在ie、360瀏覽器顯示空白，話不多說，流程如下：

首先安裝babel-

npm install --save-dev babel-polyfill

然后在babel..js修改，內(nèi)容如下：

presets: [
    // '@vue/cli-plugin-babel/preset'
    '@vue/app',
    [
      '@babel/preset-env',
      {
        useBuiltIns: 'entry'

      }
    ]
  ],
//我這是cli5的，或者如下
//presets: [["@vue/app", {useBuiltIns: "entry",}]],// 此為vue/cli3
//presets: [["@vue/cli-plugin-babel/preset", {useBuiltIns: "entry",}]],// 此為vue/cli4

main.js的第一行引入：注意是首行

import 'babel-polyfill';

還有記得在babel..js添加，內(nèi)容如下：

presets: [

    // '@vue/cli-plugin-babel/preset'
    '@vue/app',
    [
      '@babel/preset-env',
      {
        useBuiltIns: 'entry'
      }
    ]
 ],
//位置和上面平級

 sourceType: 'unambiguous',

為了使編譯好的程序能在大多數(shù)瀏覽器下運行。里面有一個編譯器叫Babel，負責把ES6的語言轉(zhuǎn)化為以兼容絕大多數(shù)瀏覽器。當你混用這兩個語法的時候你可以使用babel的模式幫你把編譯成。

然而第二種情況就是你要使用某個這個插件的時候，同時你又在某個寫的文件里使用這個插件時，babel會默認你這個文件是ES6的文件，然后就使用導入了這個插件，從而產(chǎn)生了和第一種情況一樣的混用錯誤。解決方法是在babel..js里配置設置js判斷360瀏覽器類型，讓babel和一樣嚴格區(qū)分文件和ES6文件。

.文件內(nèi)：

> 1%
last 2 versions
not ie <= 8

以上基本就可以了，如何還不行就是第三方插件的問題了

一般報這種語法錯誤，點擊查看具體哪個插件問題

主要看框內(nèi)最后是哪個插件引起的錯誤js判斷360瀏覽器類型，哪個有問題就放哪個，下面截圖是示例

找到后在vue..js中加入：里面的都是一個個插件名，注意寫的是插件名

//這里是我報錯后加入進來的插件
transpileDependencies: [
    'sock-js',
    'sockjs-client',
    'socket.io-client',
    'engine.io-client',

    'engine.io-parser',
    'socket.io-parser',
    'vue-socket.io'
  ],

還有一種是本地環(huán)境正常，但生產(chǎn)環(huán)境仍舊白屏(這種情況我沒有出現(xiàn)過)

這是發(fā)現(xiàn)引入一個多語言文件時，JSON沒有使用合適的逗號導致，如下：

逗號去掉后，就可以了。

請注意：每次修改完配置文件要用前，必須重新運行項目（npm run dev）

最后可以看看下面這三個的，對我?guī)椭艽?/p>

vue系列之----項目在ie瀏覽器中空白的博客-CSDN博客_vue在ie下頁面空白

vue 項目、vue-admin-ement項目 在IE、360兼容模式下為空白界面（最新解決方法、親測有效）_進擊的yuan人的博客-CSDN博客

解決vue項目在ie和360兼容模式下顯示空白頁問題_愛奮斗的小程的博客-CSDN博客_vue兼容360兼容模式