모듈 구문 분석 실패 : 예기치 않은 토큰 (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"] 
}