记录环境搭建过程中遇到的问题:

  1. No PostCSS Config found in
  2. react-hot-loader不更新页面
  1. No PostCSS Config found in
    使用postcss需要配置一个config文件,但是也可以不使用postcss,所以删除相关配置即可

    1
    2
    3
    4
    {
    test: /\.css$/,
    use: [ 'style-loader', 'css-loader?modules', /*'postcss-loader'*/],
    }
  2. react-hot-loader不更新页面
    对应的index.js为:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    import React from 'react';
    import ReactDOM from 'react-dom';
    import {AppContainer} from 'react-hot-loader';
    import Loop from './loop';
    const render = (Component) => {
    ReactDOM.render(
    <AppContainer>
    <Component/>
    </AppContainer>,
    document.getElementById('app')
    );
    };
    render(Loop);
    // 不更新页面
    if (module.hot) {
    module.hot.accept('./loop', () => {
    render(Loop);
    });
    }

改为:

1
2
3
4
....
if (module.hot) {
module.hot.accept();
}

或者:

1
2
3
4
5
6
7
if (module.hot) {
module.hot.accept('./loop', () => {
// 重新require
const NextLoop = require('./loop').default;
render(NextLoop);
});
}

教程

  1. Hot Module Replacement - React
Contents
  1. 1. 教程