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

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

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

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

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Nuxt.js

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

JavaScript

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

Q&A

解決済

1回答

862閲覧

Nuxt.jsアプリでnpm run devが効かない

naoya.n

総合スコア26

Vue.js

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

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Nuxt.js

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

JavaScript

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

0グッド

0クリップ

投稿2019/03/30 09:58

編集2019/03/30 12:12

前提・実現した

nuxt.jsでSPAを作っています。
configあたりを触ってエラーが起きたんですが解決できずググっても見当たらなかったので困っています。
色々試してるうちにもともとどこをいじってしまったのかもわからなくなってしまいました。

######追記
nuxt.config.jsのmodule:[]の中身をからにすると動くのでここが悪いということまではわかりました、、

どのファイルを見ればいいかがわからず、ご教示ください、、

発生している問題・エラーメッセージ

FATAL meta is not defined 18:47:57 ReferenceError: meta is not defined at ModuleContainer.addModule (node_modules/@nuxt/core/dist/core.js:173:24) at promise.then (node_modules/@nuxt/utils/dist/utils.js:1724:43) ╭─────────────────────────────────────────╮ │ │ │ ✖ Nuxt Fatal Error │ │ │ │ ReferenceError: meta is not defined │ │ │ ╰─────────────────────────────────────────╯ npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! nuxtapp@1.0.0 dev: `nuxt` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the nuxtapp@1.0.0 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /Users/*****/.npm/_logs/2019-03-30T09_47_57_366Z-debug.log

試したこと

rm -rf node_modules npm cache clean --force npm i

#nuxt.config.js

import pkg from './package' export default { mode: 'universal', /* ** Headers of the page */ head: { title: pkg.name, titleTemplate: '%s - YOYOYO', meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, { hid: 'description', name: 'description', content: pkg.description } ], link: [ { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' } ] }, /* ** Customize the progress-bar color */ loading: { color: '#fff' }, /* ** Global CSS */ css: [ // プロジェクト内の SCSS ファイル '@/assets/css/main.scss' ], /* ** Plugins to load before mounting the App */ plugins: [ ], /* ** Nuxt.js modules */ modules: [ 'nuxt-user-agent', '~/assets/css/main.scss' ], axios: { }, /* ** Build configuration */ build: { /* ** You can extend webpack config here */ extend(config, ctx) { } } }

補足情報(FW/ツールのバージョンなど)

npm: 6.7.0

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

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

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

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

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

miyabi_takatsuk

2019/04/01 02:58

そういう時は、一度、ファイルをバックアップとった上で、 ツールやNodeJSなども含め、全てアンインストールして、 インストールからやり直すのが一番です。 正直、今記載されている情報からは、回答するのはかなり難しいです。 ツール、ライブラリ、フレームワークの深い中身の方で、何か不都合が起きてしまっているようなので、 一度、まっさらにしてからやり直すのが一番得策かと思います。
naoya.n

2019/04/01 09:05

ありがとうございます!やってみます!
guest

回答1

0

ベストアンサー

結論から言うとmoduleのnuxt-user-agent内のバグが原因です。

「nuxt meta is not defined」で検索したところ、GitHubのnuxtjs公式にissueが立てられていました。
https://github.com/nuxt/nuxt.js/issues/5464
現在バグ修正のプルリクを送ってくれているようなので、修正されるまで待つかそのモジュールを使わないようにするのがいいと思います。

投稿2019/04/15 15:10

FeLvi_zzz

総合スコア124

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

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

naoya.n

2019/04/15 15:34

なるほど!バグの可能性は考えてませんでした、、 ありがとうございます!!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問