Question

我正在尝试构建一个反应服务器端渲染的组件。我的webpack.client.js看起来像这样：

const path = require('path');

module.exports = {
    // Tell webpack the root file of our
    // server application 
    entry: ['./src/client.js'],

    // Tell webpack where to put the output file
    // that is generated
    output: {
        filename: 'client_bundle.js',
        path: path.resolve(__dirname, 'build/public'),
        publicPath: '/build/public'
    },

    module: {
        rules: [
            {
                test: /\.js?$/,
                loader: 'babel-loader',
                exclude: '/node_modules/',
                options: {
                    presets: [
                        'react', 'stage-0', ['env', {
                            target: { browsers: ['last 2 versions']}
                        }]
                    ]
                } 
            },
            {
                test: /\.css$/,
                use: [
                    { loader: 'style-loader' },
                    // css-loader
                    {
                      loader: 'css-loader',
                      options: {
                        modules: true
                      }
                    }
                ]
            }
        ]
    }

};

我只有一行CSS，要在这样的react组件文件中导入：

从“ ../assets/css/homePageComponent.css”导入样式；

但是每次这样做，都会出现如下错误：

./src/assets/css/homePageComponent.css中的

错误模块解析失败：/ Users / jpan2 / Documents / workspace / External Work / react-ssr / src / assets / css / homePageComponent.css意外令牌（2：0）您可能需要适当的加载程序来处理此文件类型。

我在同一本书上阅读了许多文章，并尝试使用插件，但是它继续引发相同的错误。请注意，如果我不执行导入操作，则不会引发此错误，但是我也无法使用该样式。

在此先感谢您的帮助。

React SSR-无法通过Webpack使用CSS CSS加载器/样式加载器

0 个答案: