upskill
@upskill (学 高島)

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

npm run devを実行したときに出るエラーを解決したい。

Q&A

Closed

解決したいこと

npm run devを実行したときに出るエラーを解決したい。

発生している問題・エラー

SyntaxError: Unexpected token '.'
    at Object.compileFunction (node:vm:360:18)
    at wrapSafe (node:internal/modules/cjs/loader:1094:15)
    at Module._compile (node:internal/modules/cjs/loader:1129:27)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1219:10)
    at Module.load (node:internal/modules/cjs/loader:1043:32)
    at Function.Module._load (node:internal/modules/cjs/loader:878:12)
    at Module.require (node:internal/modules/cjs/loader:1067:19)
    at require (node:internal/modules/cjs/helpers:103:18)
    at module.exports (/home/ec2-user/environment/att/node_modules/laravel-mix/setup/webpack.config.js:11:5)
    at loadConfigByPath (/home/ec2-user/environment/att/node_modules/webpack-cli/lib/webpack-cli.js:1439:37)

または、問題・エラーが起きている画像をここにドラッグアンドドロップ

2023-05-27 (2).png

スクリーンショット (239).png

自分で試したこと

私が調べたところ、このエラーメッセージは、Vue.jsのシングルファイルコンポーネント(SFC)であるExampleComponent.vueを処理するための適切なローダーが設定されていないことを示していると出てきました。

vue-loaderがインストールされているか確認した。

Laravel Mixのバージョンを最新に更新してみた。

Vue.jsのコンポーネントを処理するための設定が不足していることが考えられるのでwebpack.mix.jsファイルにコードを追加した。

私自身よくわかっていないのですが、ご教授いただけると幸いです。

0

1Answer

SyntaxError: Unexpected token '.'とはっきり書いてあるのですからちゃんと見てください.
webpack.mix.js5行目からの[が閉じていません.

あとソース掲載の際はテキストで掲載してください.画像だと検証が大変面倒なので.

1Like

Comments

  1. @upskill

    Questioner

    教えてくださってありがとうございます。ソース掲載についてもこれからは気をつけます。

Your answer might help someone💌