%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-19-15-24-25

【React】 if(!element.loader || element.loader.indexOf(“!”) >= 0) throw new Error(“Cannot define ‘query’ and multiple loaders in loaders list”);

【React/webpack/babel-loader】もし「Error: Cannot define ‘query’ and multiple loaders in loaders list」で「 if(!element.loader || element.loader.indexOf(“!”) >= 0) throw new Error(“Cannot define ‘query’ and multiple loaders in loaders list”);」なら

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-19-15-24-25
「Error: Cannot define ‘query’ and multiple loaders in loaders list」

多分ここ。

babelの6.0のbabel-loaderでトランスパイラしようとしてエラーになっていませんか。
webpackの定義が変わったいるみたい。

これが間違っていたconfig部分。

{
                test: /\.js$/,
                exclude: /node_modules/,
                loaders: ["babel-loader"],
                query:{
                    presets:['react',  'es2015']
                }
            },

こちらが変更して動いた部分。

    {
                test: /\.js$/,
                exclude: /node_modules/,
                loader: "babel-loader",
                query: {
                    presets: ['react', 'es2015']
                }
            },

違いわかりますか。。
多々ありますが、
直接の原因は
loaders
ではなく
loader
だったのです。

ここ
You need to add the babel-preset-react you installed to the webpack config. You might also need to change the ‘loaders’ property to just ‘loader’ and add the ‘es2015’ preset to the query array since you also have that installed.

babel-preset-react インストールしてwebpack configに追加してね
loadersプロパティをloaderに変更するのも必要かも
あとes2015を配列の中に追加してね

結構はまった。。

(Visited 1 times, 1 visits today)