質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

1回答

3251閲覧

nuxt.jsのSyntaxErrorについて

yoppy0066

総合スコア293

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

1クリップ

投稿2018/01/15 10:18

https://ja.nuxtjs.org/guide/installation
こちらの手順どおりに試そしてみたのですが、npm run devで以下のエラーとなります。こちらはどのようなエラーなのでしょうか?node.jsやnpmのバージョン違い等もありえるのでしょうか?

/path/to/nuxt-example/node_modules/nuxt/lib/common/utils.js:52 exports.waitFor = async function waitFor(ms) { ^^^^^^^^ SyntaxError: Unexpected token function at createScript (vm.js:56:10) at Object.runInThisContext (vm.js:97:10) at Module._compile (module.js:542:28) at Object.Module._extensions..js (module.js:579:10) at Module.load (module.js:487:32) at tryModuleLoad (module.js:446:12) at Function.Module._load (module.js:438:3) at Module.require (module.js:497:17) at require (internal/module.js:20:19) at Object.<anonymous> (/path/to/nuxt-example/node_modules/nuxt/lib/common/index.js:1:77)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

exports.waitFor = async function waitFor(ms) {

async-functionsと呼ばれる構文です。
どうやらNode.jsのバージョンが6系以下は一切対応しておらず、基本的には8系以上必須のようですね。

下記のコマンドで確認してみてください。

Bash

1$ node -v 26.4.0 // <- こんな感じのバージョン番号だったらアウト

投稿2018/01/15 10:58

miyabi-sun

総合スコア21158

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yoppy0066

2018/01/15 11:00 編集

ありがとうございます!ちなみにどのようにその情報を得たのでしょうか? 情報の得かたの参考にさせていただきたいのですが。。
miyabi-sun

2018/01/15 11:12

今回は知ってただけですね。 しかしエラー文と経験である程度は読み解けます。 まず「SyntaxError: Unexpected token function」はJSの構文エラーという重いエラーで そもそも実行することを諦めている事が読み取れます。 次に「/path/to/nuxt-example/node_modules/nuxt/lib/common/utils.js:52」というパスから node_modules配下のファイル、`npm install nuxt`で導入したライブラリですよね。 わざわざエディタで開いて変な書き方しない限り構文エラーで死ぬ訳がありません。 そしてasync/awaitは便利構文として普段から使っていますので、問題ないということも知っていました。 そしてこのasync/await構文はES2017という比較的新しい構文で、 Node.jsのESサポートはよく苦しめられてましたので、良いサイトを見つけてブックマークしていました。 以上の情報からNode.jsのバージョンが古そうだという推測を立てました。 エラー文を頑張って読んで見るという所は頑張ってみてください。 怖くてもエラー文をべたっとGoogleの検索窓に貼り付ければわりとなんとかなるもんです。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問