モジュールの解析に失敗しました：予期しないトークン（7：5）このファイルタイプを扱うには、適切なローダーが必要です。

Question

---

このエラーコードがあります。 は、私は多くのソースを研究してきたが、結果

ERROR in ./node_modules/bootstrap/dist/css/bootstrap.css 
    Module parse failed: Unexpected token (7:5) 
    You may need an appropriate loader to handle this file type. 
    | */ 
    | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ 
    | html { 
    | font-family: sans-serif; 
    | -webkit-text-size-adjust: 100%; 
    @ ./index.js 21:0-43 
    @ multi (webpack)-dev-server/client?http://localhost:8080 ./index.js 

---

私webpack.config.jsを得ることができませんでした。このエラーはwebpack.config.js によって引き起こされると思います。 私はここで手配しました。もう一度私はエラーが発生しました。 は、どのように私はこのような

  var webpack = require('webpack'); 
     var path = require('path'); 

     var parentDir = path.join(__dirname, '../'); 

     module.exports = { 
      entry: [ 
       path.join(parentDir, 'index.js') 
      ], 
      module: { 
       loaders: [{ 
        test: /\.(js|jsx)$/, 
         exclude: /node_modules/, 
         loader: 'babel-loader' 
        },{ 
         test: /\.less$/, 
         loaders: ["style-loader", "css-loder", "less-loader"] 
        } 
       ] 
      }, 
      output: { 
       path: parentDir + '/dist', 
       filename: 'bundle.js' 
      }, 
      devServer: { 
       contentBase: parentDir, 
       historyApiFallback: true 
      } 
     } 

---

index.jsこのエラーを克服することができます。

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import { Provider } from 'react-redux'; 

import AppRoutes from './routes'; 
import store from './store'; 
import 'bootstrap/dist/css/bootstrap.css'; 

ReactDOM.render(

<Provider store={store}> 

<AppRoutes /> 

</Provider>, 
document.getElementById('app') 
) 

Answer 1

あなたcss-loaderにいくつかのより多くの設定を追加する必要があるように見えます。

現在、あなたは以下のファイルのためにこれを持っている：エラーメッセージが言及

{ 
    test: /\.less$/, 
    loaders: ["style-loader", "css-loader", "less-loader"] 
} 

のように、あなたはlessに加えてcssファイルのためのローダを設定する必要があります。試してみてください：

{ 
    test: /\.less$/, 
    loaders: ["style-loader", "css-loader", "less-loader"] 
}, { 
    test: /\.css$/, 
    loaders: ["style-loader", "css-loader"] 
}