2017-07-16 43 views
1

她是我的webpack.config.js,我得到這個錯誤element.loader.split不在的WebPack功能

element.loader.split不是一個函數

我也改變加載器加載器搜索它的答案後,但它仍然沒有工作

const postcssPlugins = [ 
    require('postcss-cssnext')(), 
    require('postcss-modules-values') 
]; 

const scssLoader = [ 
    { loader: 'style-loader' }, 
    { loader: 'css-loader' }, 
    { loader: 'sass-loader' } 
]; 

const postcssLoader = [ 
    { loader: 'style-loader' }, 
    { loader: 'css-loader', options: { modules: true } }, 
    { loader: 'postcss-loader', options: { plugins:() => [...postcssPlugins] } } 
]; 

var path = require('path'); 

var config = { 
    entry: './todoApp.js', 

    output: { 
     path:'./', 
     filename: 'index.js', 
    }, 

    devServer: { 
     inline: true, 
     port: 9191 
    }, 

    module: { 

     loaders: [ 
     { 
      test: /\.jsx?$/, 
      exclude: /node_modules/, 
      loader: 'babel', 

      query: { 
       presets: ['es2015', 'react'] 
      } 
     }, 
      { 
      test: /\.(scss|sass)$/, 
      loader: scssLoader, 
      include: [__dirname] 
      }, 
      { test: /\.css$/, 
      loader: postcssLoader, 
      include: [__dirname] 
      } 
     ] 
    } 
} 

module.exports = config; 

我無法找到錯誤所在 請指導!

+0

請你可以分享你的package.json。可能是很好的知道webpack版本 –

+0

嗨何塞它的1.13.3 –

回答

1

嘗試通過加載器來改變裝載機:

{ 
    test: /\.(scss|sass)$/, 
    loaders: scssLoader, 
    include: [__dirname] 
    }, 
    { test: /\.css$/, 
    loaders: postcssLoader, 
    include: [__dirname] 
    } 
+0

沒有它事實上導致另一個錯誤,無法讀取屬性取代未定義 –

+0

應該是裝載機,也許你有多個錯誤...檢查官員文檔https://webpack.js.org/concepts/loaders/ –

+0

因爲您使用的是webpack 1.xx,請使用以下文檔:http://webpack.github.io/docs/using-loaders.html#what- are-loaders ...在一行中寫入裝載器,而不是作爲對象:{test:/\.png$/,loader:「url-loader?mimetype = image/png」} –