如何解决这个问题？它是否与 webpack 一起使用？答案

【问题标题】：How to resolve this problem ? it s with webpack or not?如何解决这个问题？它是否与 webpack 一起使用？
【发布时间】：2019-02-19 01:24:58
【问题描述】：

./node_modules/react-loader-spinner/dist/loader/css/CradleLoader.css 1:0 中的错误模块解析失败：意外令牌 (1:0) 您可能需要适当的加载程序来处理此文件类型。 .swing div {

在 webpack.config.js 中：

{
            test: /\.s?[ac]ss$/,
            include: [
                path.resolve(__dirname, 'react'),
            ],
            use: [

                MiniCssExtractPlugin.loader,

                {
                    loader: 'css-loader',
                    options: {
                        importLoaders: 2,
                        minimize: !devMode
                    }
                },

                {
                    loader: 'postcss-loader',
                    options: {
                        ident: 'postcss',
                        plugins: [

                            autoprefixer({
                                browsers: [
                                    '>5%',
                                    'last 2 versions',
                                    'not ie < 9',
                                ],


                            }),


                        ]
                    }

                },

                'sass-loader'
            ]
        },

【问题讨论】：

你确定，这个包已经安装在你的项目中了吗？否则，请尝试 yarn remove nameofyourpackage 或者如果您使用 npm 搜索删除包。我尝试重新安装这个包:)
不要将 sass-loader 和 post-css 加载器应用于 css，将该规则拆分为 scss 和 css。

标签： css reactjs webpack

【解决方案1】：

在这里你是在说 webpack 只对里面的文件使用你的规则 path.resolve(__dirname, 'react')

{
   test: /\.s?[ac]ss$/,
   include: [
       path.resolve(__dirname, 'react'),
   ]

但是在你的代码中的某个地方你导入了那个文件./node_modules/react-loader-spinner/dist/loader/css/CradleLoader.css，它不在path.resolve(__dirname, 'react')里面所以webpack不要转译它。

最简单的解决方案是从您的配置中删除它。

   include: [
       path.resolve(__dirname, 'react'),
   ]

或将该模块添加到您的 include 数组中：

   include: [
       path.resolve(__dirname, 'src'),
       path.resolve(__dirname, 'node_modules/react-loader-spinner/dist/loader/css/CradleLoader.css'),
   ],

【讨论】：