vue cli2, cli3 コンパイル(パッケージ化)された chunk-vendors.js ファイルが es6 構文で存在する。
2022-02-25 15:21:24
ただ、プロジェクトのビルドチャンク- vendors.jsファイルが常に完全に解決するための方法を考え崩壊寸前で、es6構文を存在していた後にプロジェクトを構築するためにバーの足場を使用して、大きな穴を踏んで、以下は、解決策の手順です。
1. vue パッケージングは node_modules のコードをコンパイルしません。コード内に node_modules の参照がある場合、そのコードはビルド後に直接マージされ、babel によって解析されません。
2. そこで根本的な原因を見つけ、node_modulesのどのパッケージやコードがバベル化されていないのかを見つけ、そのパッケージをwebpack.base.conf.jsのbabel-loaderのincludeに追加してバベルでパースさせる必要があるのだそうです。
コードはこのようになります。
module: {
rules: [
{
test: /\.js$/,
loader: "babel-loader",
include: [
resolve("src"),
resolve("test"),
resolve("node_modules/webpack-dev-server/client"),
resolve("node_modules/webpack/lib/ModuleFilenameHelpers.js")
]
},
]
}
vue-cli3 は公式サイトの webpack 関連の設定を参照して、loader を変更することができます。
公式サイト関連のアドレスです。 https://cli.vuejs.org/zh/guide/webpack.html#%E9%93%BE%E5%BC%8F%E6%93%8D%E4%BD%9C-%E9%AB%98%E7%BA%A7
関連
-
のエラーが発生しました。アボートトラップ:6(プロジェクト'xx'のターゲット'xx'において)
-
github共通の操作と共通のエラー! fatal: リモートリポジトリから読み取れませんでした。
-
JavaScriptで不正なappendChildを解決する方法
-
socket.gaierror: [Errno 8] nodenameまたはservnameが提供されない、またはわからない
-
OverflowError: Python 2.7 で C の long に変換するには Python の int が大きすぎる。
-
Eclipseで書かれたC++でSymbol 'std'が解決できなかったというエラーメッセージに対する解決策
-
ベクトル添え字の範囲外問題の解の1つ
-
メッセージ番号0x2378のメッセージファイルに、アプリケーションのメッセージテキストが見つかりませんでした。
-
Windowsソケットのエラーコードとエラーの原因
-
新人への道:pom.xmlを読んでもアーティファクトを転送できない org.springframework.boot:spring-boot-starter-par 解決策
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
VCの*.objで定義済みの問題を解決します。
-
問題 free(): 無効な次のサイズ (fast): 0x0000000001475e70 ***
-
Python Basics: io.UnsupportedOperation: 読み取れません。
-
MySql エラー: java.sql.SQLException: ユーザー 'root'@'localhost' (パスワード: YES を使用) のアクセスが拒否されました。
-
Handlerが抽象的でインスタンス化できないエラーの対処法について!
-
zsh: コマンドが見つかりません: gradle
-
エラーの解決策 xmlのこの行に複数のアノテーションが見つかりました。
-
hibernate.properties not found例外の効果的な解決方法
-
Longxinの新しい自律型命令セットの強みは何ですか?
-
laravel: コマンドが見つからない問題の解決