プロジェクトが ?. 構文を認識できないため、モジュールの解析に失敗しました: 予期しないトークンというエラーが発生します

1. 最初のケースは、コンポーネント ライブラリのソース コードをインポートする必要がある場合です。たとえば、パッケージ化されたコンポーネントをインポートする場合です。

まず、この問題を報告する場所を見つけてください

ここに画像の説明を挿入
私は es 文法の問題のためにここにいます.
ここに画像の説明を挿入
npm でパッケージをインストールし、インポート時にこの文法エラーを報告した場合は、読み続けることができますが、そうでない場合は読む必要はありません.

問題の原因:
インポートされたコンポーネント ライブラリがソース コードに直接アップロードされるため、ソース コード内の es6 および es7 の機能を es5 に変換するには、ライブラリをコンパイルする必要があることを webpack に通知する必要があります。

解決策:
1. vue.config.jsに transpileDependencies を追加します: ['/@yabby-business/'] 2. babel.config.jsでライブラリをインポートするときに使用されるコードを指定する
ここに画像の説明を挿入
別の方法があります

ここに画像の説明を挿入

2. 2 番目のケースは、プロジェクト内のすべての ?. 文法にモデル解析の問題がある場合です。

プロジェクトの vue-loader のバージョンが 15+ よりも高いため、このような状況になる可能性が高く、この問題が発生します. node_modulesで自分の vue-loader のバージョンを確認できます. 15+ のバージョンの場合は、最初に vue-loader をインストールすると、バージョンが 15 未満になります

npm i vue-loader@14.1.1

ダウン後、npm run を再試行

1. それでもうまくいかない場合は、誰かまたはあなたがプロジェクトの package-lock を削除してから、問題を再 npm install します
2. この場合、以前の履歴で package-lockを見つけることをお勧めします3.
または、vue-loader のバージョンが 15 未満の別のプロジェクトに移動し、package-lock をこのプロジェクトにコピーします
4. 次に、このプロジェクトの node_modules を削除します
5. npm を再インストールします。問題ありません

おすすめ

転載: blog.csdn.net/weixin_45717984/article/details/125005282