Webpack이 CSS 솔루션을 로드할 수 없습니다.

웹팩에서 CSS를 로드할 수 없는 이유는 무엇인가요? 다음은 CSS를 로드하는 웹팩에 대한 오류 코드입니다. 모두에게 도움이 되기를 바랍니다.

이 앱은 React로 작성되었습니다.

웹팩의 로더 설정은 이렇습니다

module:{
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader:  'babel',
      },
      
      { 
        test: '/\.css$/', 
        loaders: ['style', 'css'],
        include: __dirname,
      },
    ],
  },

도 css-loader, style-loader를 설치했습니다

그러나 CSS를 로딩할 때 import './stylesheets/all.css';
는 error :

./app/stylesheets/all.css
Module parse failed: D:\FrontEnd\mzFM-web\app\stylesheets\all.css Unexpected token (1:11)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (1:11)

webpack이 CSS를 로드할 수 없는 이유와 해결 방법:

原来test:'/\.css$/'这里写错了。
应该是test:/\.css$/ 不带''

추천 CSS 과정: php 중국어 웹사이트 CSS 비디오 온라인 튜토리얼

위 내용은 Webpack이 CSS 솔루션을 로드할 수 없습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!