2017-06-01 3 views
1

私はBabelプラグインを使用しています - インポートはant desgin on-demandを実装するために使用されますが、webpackを実行すると間違った情報webpackのエラー情報を実行してください:element.loader.splitは関数ではありません

は、次のエラーメッセージここで

/usr/local/lib/node_modules/webpack/node_modules/webpack- core/lib/LoadersList.js:58

if(element.loader) return element.loader.split("!");

TypeError: element.loader.split is not a function

私のコードです

のWebPACK-config.jsのある

module.exports = { 
    entry: __dirname + "/src/main.js", 
    output: { 
     path: __dirname + "/dist/js", 
     filename: "weitac-visual-layout.js" 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.js?$/, 
       loader: 'babel-loader', 
       query: { 
        presets: ['react', 'es2015','stage-1'], 
        plugins: [ 
         ["import", {"libraryName": "antd", "style": "css"}] 
        ] 
       }, 
      }, 
      { 
       test: /\.css?$/, 
       loader: ['style-loader','css-loader'], 
      } 

     ] 
    } 
} 

package.json

"devDependencies": { 
    "babel-loader": "^7.0.0", 
    "babel-plugin-import": "^1.2.1", 
    "babel-preset-es2015": "^6.24.1", 
    "babel-preset-react": "^6.24.1", 
    "babel-preset-stage-1": "^6.24.1", 
    "babel-preset-stage-3": "^6.24.1", 
    "react-router-dom": "^4.1.1", 
    "webpack": "^2.5.1", 
    "webpack-dev-server": "^2.4.5" 
    }, 
    "dependencies": { 
    "antd": "^2.10.1", 
    "babel-core": "^6.24.1", 
    "prop-types": "^15.5.10", 
    "react": "^15.5.4", 
    "react-dom": "^15.5.4", 
    "react-router": "^4.1.1" 
    } 

私が間違って書くところ私にはわからない、私が指摘して助けてください、

答えて

1

ありがとう、私は、プロセス上の問題

は以下は正しいコードです見つけます

{ 
    test: /\.css?$/, 
    loader: 'style-loader!css-loader', 
} 

私はあまりにも不注意だった、私は〜

あなたにすべての幸せな子供の日を願って
関連する問題