Question

在将项目更新到新版本的react（从15.6到16.2）之后，React的70％组件停止加载CSS。

坦率地说，css仅在页眉和页脚中起作用。而且，这些组件的导入是通过相同的方法进行的。

webpack：

const fs = require('fs');
const path = require('path');
const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const CompressionPlugin = require('compression-webpack-plugin');
const config = require('../config');
const write = require('./write');
const defaultConfig = require('./default.config');

module: {
        loaders: [{
            test: /\.js$/,
            loader: 'babel',
            include: [
                path.resolve(__dirname, '..', 'app'),
                            // path.resolve(__dirname, '..', 'node_modules/react-html-converter'),
                            // path.resolve(__dirname, '..', 'node_modules/react-attr-converter'),
                path.resolve(__dirname, '..', 'client'),
                path.resolve(__dirname, '..', 'utils'),
                path.resolve(__dirname, '..', 'config')
            ]
        }, {
            test: /\.css$/,
            loader: ExtractTextPlugin.extract('style', `css?module&localIdentName=${config.get('classnames:production')}&-minimize!postcss`)
        }, {
            test: /\.sss$/,
            loader: ExtractTextPlugin.extract('style', `css?module&localIdentName=${config.get('classnames:production')}&-minimize!postcss?parser=sugarss`)
        }]
    }

css无法加载的组件

import React, {Component} from 'react';
import {PropTypes as T} from 'prop-types';
import cx from 'classnames';
import Link from 'react-router/lib/Link';
import styles from './index.css';

class Post extends Component {

    render(): any {
        return (
                <Link to={`/news/`} className={styles.container}>
                    <h2 className={styles.title}>{title}</h2>
                </Link>
            </article>
        );
    }
}

export default Post;

我几乎可以肯定，我所提供的信息太少，无法完全了解情况。也许您可以告诉我，我应该注意什么以及一般如何处理此类问题，因为应用程序运行时没有错误。

谢谢您的任何建议！

某些组件未加载CSS和CSS-reactjs

0 个答案: