• <noscript id="e0iig"><kbd id="e0iig"></kbd></noscript>
  • <td id="e0iig"></td>
  • <option id="e0iig"></option>
  • <noscript id="e0iig"><source id="e0iig"></source></noscript>
  • 從零到一搭建React項目以及降級兼容IE低版本

    首先我們要大家要了解為什么要降級

    ??因為react-scripts是2.1.8版本,且只兼容IE11以上,所以為了更好的兼容IE瀏覽器,我們需要做降級配置。
    ??所以降級后最大的好處就是可以兼容IE
    ??但是很多愛思考的朋友們就會想到,降級以后會有什么不利的影響
    ??筆者可以很負責任的跟您說無不良影響,如果非要說不良影響的話就是react的體積會變大一點。

    接下來筆者給大家說降級的步驟

    1. 首先創建一個react項目,(在命令行create-react-app yourProjectName) 如果網絡不是很好可能要等很久。不要心急。
      在這里插入圖片描述
    2. 查看當前目錄下的package.json文件中的配置
      在這里插入圖片描述
    3. 進入目錄,在master分支下進行配置(如果創建好的目錄中沒有.git文件,使用git init初始化目錄)
      在這里插入圖片描述
      如果有這個master了就不需要git init了。
      注意:
      之所以要在master分支下進行配置,是為了在下文中運行npm run eject。
    4. 將原來的react-script刪除
    npm uninstall react-scripts -S
    
    • 1

    在這里插入圖片描述
    5. 重新安裝對應版本(比如1.x的版本,比較穩定的版本)

    npm i [email protected] -S
    
    • 1

    在這里插入圖片描述
    6. 添加git庫(將以上做的修改添加到git庫,這也是為什么如果沒有.git文件,一定要先初始化)

    git add .
    git commit -m “降級react-scripts”
    
    • 1
    • 2

    在這里插入圖片描述
    7. 運行npm run eject(如果有報錯,可以不用管,只要有ejected successfully就可以)

    npm run eject
    
    • 1

    在這里插入圖片描述
    在這里插入圖片描述
    可以忽略紅色框中的error,只要有ejected successfully就可以。
    8. 由于重新配置可以先刪除node-moduls,然后再npm i 重新安裝依賴

    rm -rf node_moduls
    npm i
    
    • 1
    • 2

    在這里插入圖片描述
    9. npm start,查看是否能運行(可能會報錯,解決方案在下面)

    npm start
    
    • 1
    1. 刪除package.json中的browserslist(因為這個配置是react-scripts2.x版本的,再降級以后,需要刪除package.json中的“browserslist”配置項)
      在這里插入圖片描述

    如果你要配置項目的絕對路徑的話請看這里:

    在這里插入圖片描述

     
    版權聲明:本文為qq_37148353原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接和本聲明。
    本文鏈接:https://blog.csdn.net/qq_37148353/article/details/108629267

    智能推薦

    關于水波紋的添加已經定義顏色以及低版本兼容

    項目需求 要求在控件上添加點擊效果,ok 我本能的想到 我應該是寫個選擇器,寫完之后 產品說應該是水波紋效果,其實在android的版本差異上5.0 之下是沒有水波紋的 這個東西是在5.0 及以后才添加的,所以我覺得沒必要非加成水波紋,當然在5.0上做成水波紋也可以的,所以我針對系統區分了一下: 5.0 中添加了 波紋效果也就是(ripple) 理論上說 只要使用了Material主題 水波紋點擊...

    Mysql從高版本兼容低版本一種解決方法

    參考鏈接:https://blog.csdn.net/yinzitun7947/article/details/89917611 將高版本mysql數據庫的數據導入低版本mysql中 (1)問題:使用navicate11運行xxx.sql文件出現 Unknown collation: 'utf8mb4_0900_ai_ci'? 報錯: 報錯原因: 生成轉儲文件的數據庫版本為8.0,要導入...

    tensorflow 高版本模型如何兼容低版本

      使用高版本的AI引擎訓練,導出模型后轉換成Ascend310芯片的OM格式時,有可能遇到算子不支持的情況出現,現在教大家如何合理規避這些算子。 以在TensorFlow-2.x上訓練得到的模型為例,如何轉換成低版本Ascend310芯片(如C32版本)可用的OM模型。更多的技巧通過這篇文章可以舉一反三,靈活變通。 寫在前面 由于Frozen Graph已經被TF-2.x拋棄,TF-2...

    ionic新入坑-環境搭建+新建項目+打開低版本項目處理

    是的、我又雙叒叕入新坑了。想我大學的時候web-app剛火起來、還幫忙做了我們學校醫務室系統的web-app頁面部分呢、時間太緊最后也沒出個完整的版本、那時候只是用H5簡單做了web部分、是想著用phone-gap做三端的、后來沒搞起來就不了了之了、實習的時候也是做的web-app、仿微信頁面。所以剛來這里做Ext.js的時候是蠻懵逼的、哭唧唧、還要改后臺代碼、心態有點爆炸吧、現在做著就覺得也還行...

    React項目兼容IE問題

    React兼容IE問題 React項目兼容IE 11 一、首先在確保yarn start , chrome瀏覽器可正常訪問; 二、在項目src/index.js文件的最頂部引入polyfill; 三、在package.json文件的browserslist添加“ie 11”; 四、此時打開IE瀏覽器訪問,查看“控制臺”,有錯誤提示; 五、在項目控制臺...

    猜你喜歡

    神奇的Batch Normalization 如果一個模型僅訓練BN層會是什么樣的

    您可能會感到驚訝,但這是有效的。 ? 最近,我閱讀了arXiv平臺上的Jonathan Frankle,David J. Schwab和Ari S. Morcos撰寫的論文“Training BatchNorm and Only BatchNorm: On the Expressive Power of Random Features in CNNs”。 這個主意立刻引起了...

    用Python實現校園通知更新提醒

    前言 這個項目實已經在一個月前已經完成了,一直都想寫一篇博客來總結這個過程中遇到的一些問題。但最近一個月來都比較忙,所以一直拖到了現在。 首先說說起因吧,我沒事的時候,總喜歡依次點開學校主頁、教務處、圖書館以及學院的網站,看看有沒有什么新通知,雖然大多與我無關。恰逢最近正在學Python,經常聽到別人說用Python寫爬蟲很簡單,但自己尚未接觸過爬蟲。于是抱著試一試的心態看了幾篇關于Python爬...

    spring_ioc相關_第一章

    1 spring是一站式框架,在javaee的三層結構中,每一層都提供不提并的解決技術 web層:springMVC service層:spring的ioc dao層:spring的jdbcTemplate 2 javaee為避免兩個類之間出現耦合,則把對象的創建交給spring進行管理,spring的ioc操作:(1)ioc的配置文件方式;(2)ioc注解方式 3 ioc的底層原理使用技術(1)...

    【Python+OpenCV】視頻流局部區域像素值處理-一種特征提取方法

    參考我之前寫的處理圖片的文章:Python+OpenCV實現【圖片】局部區域像素值處理(改進版) 開發環境:Python3.6.0 + OpenCV3.2.0 任務目標:攝像頭采集圖像(例如:480*640),并對視頻流每一幀(灰度圖)特定矩形區域(480*30)像素值進行行求和,得到一個480*1的數組,用這480個數據繪制條形圖,即在逐幀采集視頻流并處理后“實時”顯示采...

    JavaWeb——【前端】——注冊頁面

    頁面效果 實現代碼 注意事項 主要使用的bootstrap樣式 如果想引用,不要直接復制,沒用的。 先介紹下所引用的文件: boostrap的js、bootstrap的css、jquery的js、以及自己編寫的register.css。 因為博主用的thymeleaf語法,所以有th符號。 若要使用時,根據個人情況導入相應的依賴。...

    精品国产乱码久久久久久蜜桃不卡