Uncaught TypeError: x.map is not a function

アプリをブラウザで表示した際、表題のようなErrorが発生します。
原因が何に起因するものなのか特定が出来ず、心当たりをもとにタグ付けして質問させていただいております。。。
ErrorはブラウザのF12 consoleで確認していいるものです。

Error解決法があればいいのですが、原因の推測程度でも構いませんのでお力添え頂ければ幸いです。

・Error log
→ Uncaught TypeError: x.map is not a function

・Error箇所
→ x.map({"/":{name:"home",component:l.a},"/hoge/:msg/":{name:"hoge",component:d.a}, ....

・環境(Laravel5.4)
Laravel-Mixでassets配下のvue componentをビルドしpublic/js配下にmain.jsとして吐き出して読み込み

// package.json
{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "devDependencies": {
    "axios": "^0.15.3",
    "bootstrap-sass": "^3.3.7",
    "cross-env": "^3.2.3",
    "jquery": "^3.1.1",
    "laravel-mix": "0.*",
    "lodash": "^4.17.4",
    "moment": "^2.13.0",
    "nprogress": "^0.2.0",
    "vue": "^2.1.10",
    "vue-resource": "^1.3.1",
    "vue-router": "^2.5.3"
  }
}

行動規範の内容に同意します

回答3件

変数 x が null でも undefined でもなく、x.map が関数ではないようです。
変数 x の中身を確認して下さい。

JavaScript
1var x = {};
2x.map();  // TypeError: x.map is not a function

Re: supermaruetsu さん

投稿2017/05/13 12:10

think49

総合スコア18162

ベストアンサー

ArrayじゃないのでArrayのメソッドが使えませんってことだと思います
Object.keys(対象のオブジェクト)でキーの配列ができるのでそこからいい感じに

ただ、質問内容に書かれているソースっぽいものが単にパッケージの設定ファイルでしかない為実際に所何をやってんのかわからないからあてずっぽうでしか書けませんけどね

投稿2017/05/14 06:08

len_souko

総合スコア1348

think49

2017/05/14 06:45

Array#mapなら第一引数は関数である必要がありますが、質問文のコードでは {} が指定されている為、その可能性は低いと考えています。同様に jQuery#map でもないので、条件に合致するのは jQuery.map でしょうか。 http://api.jquery.com/jquery.map/ 仰る通り、x の実体を知らない私たちには想像の域を出ませんが…。

len_souko

2017/05/14 07:27

そもそも、質問に貼られているのが処理的なソースコードじゃなくてnpmのpackage.jsonである以上は質問者が何をやっていて起きているのかも何もわからないのと、 package.jsonをみてmapがどうとかそういう話を見ても全く意味がないですよねって意味で後半の段落を記述していますせいぜいわかるのはJQueryの3.1.1を入れているんだなぁとかVue.JSの2.1.10を使ってるんだなぁとかそのくらいですしいて言うならばこれをエラーの手助けになるのだと思って質問者が貼っているのだとしたら環境構築はググってやってみただけで何もわかってない、これが何なのかも考えずに手順通りにやってみただけなのかな？という程度の理解だろうと推測することくらいです。