問題タブ [babel-loader]

次のフォルダー構造を持つレガシー プロジェクトに webpack を導入しようとしています。

プロジェクト フォルダーで webpack --config webpack.config.js を実行するたびに、次のエラーが表示されます。

config と src の親であるため、コンテキストを web フォルダーに設定します。また、src モジュールと node モジュールの両方を resolve.modules プロパティに追加しました。不足している構成はありますか?

私のwebpack構成:

package.json:

前もって感謝します！

以前create-react-appはプロジェクトをビルドしていましたが、Babel はインストールにパッケージ化されています。通常.babelrc、ファイルはプロジェクトのルートにありますが、そこにはありません。ファイル内のプリセットの 1 つを変更する必要がありますが、見つからないようです。

ファイルを手動で作成する必要がありますか、.babelrcそれとも既に含まれていますか? もしそうなら、ファイルの場所はどこですか？

私は 2 日間かけて、他のすべてのスタック オーバーフローの質問を同様の問題で試してみましたが、どれも役に立ちませんでした。私のbabelローダーは、プリセットとプラグインの両方が含まれており、モジュール内にあるという点で正しく見えます。

問題: アプリはロードされますが、インポートが機能せず、Uncaught SyntaxError: Unexpected token、または crhome dev ツールのソース タブに予期しない識別子などのエラーが表示されます。最初のインポートを削除すると、2 番目のインポートなどについて文句を言います。

エラーの写真の例:

• インポート エラー メッセージ 1 の画像
• インポート エラー メッセージ 2 の画像

以下は私が持っている構成ファイルです。私の webpack に問題があり、babel が正しく動作しないと信じています。

1 つのファイルからインポートします。

Webpack.config.js

以下は私のpackage.jsonです

私のbabelrc

どんな助けでも感謝します。

私はwebpackを初めて使用するので、非常に明白なものが欠けている場合は申し訳ありません...

私は次の構造を持っています：

app.jsx には次のものがあります。

私は得る：

バベルの構成に関連している可能性があると言われました...これが私の.babelrcです：

そして、webpack config の babel セクション:

問題の原因は何ですか？他のエラーは発生しません。すべてが適切にインストールされているようです。react のインポートは正常に機能しますが、ファイル システムからインポートする場合にのみ失敗します...

どんなヒントでも大歓迎です!!!

新しいプロジェクトでは、私のアプリは ExpressJs サーバー上の VueJS (2.5.13) でルート要素を見つけられません。

私のindex.html：

私のjsエントリポイント:

そして、私の非常に基本的な App.vue:

私はbabel-loaderとwebpackを使用しています。#appVue がidを見つけられない理由がわかりません。

あなたの助けをthx