1. 効率的なアップグレード プラグイン npm install -g npm-check-updates をインストールします。
2. 最新バージョンを確認します: npm-check-updates 略称: ncu
3以前の element-ui バージョンをアンインストールします。 npm uninstall element-ui
4最新バージョン(インストールしたいバージョン)をインストールします npm install [email protected] -S
53つのファイルを置き換える
1. この時点で、main.js に新しく追加されたテーマチョーク テーマを変更します。 import 'element-ui/lib/theme-default/index.css' を import & に置き換えます。 #39;element-ui/lib/テーマチョーク/index.css'
2. .babelrc ファイル内の theme-default -----》theme-chalk を置き換えます。
3.node_modules\babel-plugin-component\README.md ファイルのtheme-default-----》theme-chalk を置き換えます。
他の:
1 npm アンインストール要素 ui
2 npm i 要素-ui -S
3 import 'element-ui/lib/theme-default/index.css'代わりに import 'element-ui/lib/テーマチョーク/index.css'
要素 ui のみをアップグレードすると、元のプロジェクトの一部の記述方法と互換性がなく、レンダリングに差異が生じる可能性があります。要素 ui をアップグレードしない場合、要素 ui 自体にチェックボックスなどがデフォルトでレンダリングできない、またはレンダリングできないなど、多くのバグが存在します。複数選択されるなど。
すべての依存関係をアップグレードする必要があるかどうかは、特定の状況によって異なります。
アップデートをアンインストールせず、npm update element-ui
を使用して elementUI をアップデートしてください
よくある問題:
プロジェクトでエラーが報告されました: 無効なプロパティ: プロパティ "maxlength" のタイプ チェックに失敗しました。期待される数値、文字列を取得しました。解決策: maxlength=14 が maxlength=14 に変更されました。参考: 無効なプロパティ: プロパティ「maxlength」のタイプ チェックに失敗しました。期待される数値、文字列を取得しました。_WeChat 検索「テクノロジー収益顧客バー」一緒にお金を稼ぎましょう - CSDN ブログ
this.$confirm は関数ではありません (element-ti MessageBox の使用時に発生する可能性がある問題について) 解決策: main.js をプロジェクトに追加します: Vue.prototype.$confirm = MessageBox.confirm
参照: this.$confirm は関数ではありません (element-ti MessageBox の使用時に発生する可能性がある問題について)_smallNut のブログ - CSDN ブログ
参考
Element-ui が最新バージョン 2.4.6 にアップグレードされました_AI-CSDN blog_elementui の更新