React报错总结

第一种错误:使用redux时，用redux提供的Provider包裹App组件

• .错误信息：

Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

• .解决方案：更新react和 react-dom的版本

npm install --save react@16.8.6 react-dom@16.8.6

第二种错误：使用redux时，用redux提供的Provider包裹App组件

• 错误信息

TypeError: Cannot read property 'getState' of undefined

• 解决方法

<Provider store={store}><App/></Provider>

第三种错误：在使用antd定制主题时

• 错误信息

./node_modules/_antd@3.24.2@antd/es/button/style/index.less (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-7-1!./node_modules/postcss-loader/src??postcss!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js??ref--6-oneOf-7-3!./node_modules/_antd@3.24.2@antd/es/button/style/index.less)

@primary-color: #ff4400;@link-color: #1890ff;@success-color: #52c41a;@warning-color: #faad14;@ @error-color: #f5222d;@font-size-base: 14px;@ @heading-color: rgba(0, 0, 0, 0.85);@text-color: rgba(0, 0, 0, 0.65);@ @text-color-secondary: rgba(0, 0, 0, .45);@disabled-color: rgba(0, 0, 0, .25);@border-radius-base: 4px;@border-color-base: #d9d9d9;@box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15);
                                                                                        ^
Unrecognised input
      in E:\WebFront-endDevelopment\reactjs\react-project\node_modules\_antd@3.24.2@antd\es\button\style\index.less (line 212, column 93)

• 解决方法：错误原因时less版本问题

// 配置的主题种将:
  @primary-color: #ff4400;
// 更改为 :
  primary-color: #ff4400;

第四种错误：打包后无法显示，路径问题

• 错误信息

because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled

• 解决方法：路径问题

直接在package.json文件中加'homepage':'.'