vue で async と await を使用するときに発生した問題の解決 (例付き)

この記事の内容は、vue で async と await を使用するときに発生する問題の解決に関するものです (例付き)。必要な友人が参考になれば幸いです。

私は最近いくつかの新しいことに取り組んでおり、今日 async/await のピットに遭遇しました。

vue の公式のスキャフォールディングを使用していないため、次の問題が発生しました。

#await は予約語です

# このような警告は、関連するパーサーが不足していることが原因であると思われます。

その後、await を削除した後、非同期の問題が再び発生しました:

わかりました。Google で調べるしかありません。

関連情報を見つけたら:

babel-plugin-transform-runtime と babel-runtime をインストールし、次を追加します: "plugins":["transform-runtime to the .babelrc file "],これで問題は解決します。

npm i babel-plugin-transform-runtime --save-dev
npm i babel-runtime --save

プロジェクトのルート ディレクトリに .babelrc ファイルがあります。コードを追加します。

"plugins":["transform-runtime"]

は次のようになります。

プロジェクトを再起動して問題を解決します

以上がvue で async と await を使用するときに発生した問題の解決 (例付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。