[Vue.js] You may need an additional loader to handle the result of these loaders 해결 방법 (style 추가)

You may need an additional loader to handle the result of these loaders 를 번역하면

'이 로더의 결과를 처리하려면 추가 로더가 필요할 수 있습니다.' 라는 뜻인데

 

나의 상황이 .vue파일에 style을 추가하면서 에러가 발생했다.

해결은 webpack.config.js 파일에 2가지 모듈을 추가하였다.

webpack.config.js 파일 (굵은 글이 추가한 것)

module: {       rules: [{         test: /\.vue$/,         use: 'vue-loader',       }, {         test: /\.css$/,         use: [           'vue-style-loader',           'css-loader',         ]       }],     },

 

해당 문구를 입력하면 됩니다.

npm i vue-style-loader -D npm i css-loader -D

※ D는 개발자 모드로 webpack 관련 설치시 이용

 

다시 npm run build를 하면 에러가 발생하지 않는 것을 알 수 있다.