Npm包提供一个Material-UI HOC到一个Nextjs应用程序

问题描述

  1. 我正在尝试通过npm包提供Material-UI到Nextjs应用程序。
  2. npm包使用Webpack。
  3. 这一切正常,但我得到一个错误消息。

这个东西稍微超出了我对npm packages&webpack的理解,我可能不会这样做,如果是这样的话,请提供build议。

错误消息

警告:上下文types失败: 64a55d578f856d258dc345b094a2a2b3types的上下文64a55d578f856d258dc345b094a2a2b3提供给withStyles(ButtonBase)Jss预期实例。

警告:上下文types失败:提供给withStyles(TouchRipple)types的SheetsRegistrytypes的无效上下文d4bd0baacbc52bbd48bbb9eb24344ecd ,为withStyles(TouchRipple)预期实例。

重现步骤

这只会让你检查错误。

 git clone https://github.com/astenmies/next-library-starter.git && cd next-library-starter && yarn && yarn run dev 

调整npm包的步骤

这将让你检查错误,并调整本地运行的npm包。

首先得到npm包并运行它

 git clone https://github.com/astenmies/next.js-library.git && cd next.js-library && yarn && yarn run dev 

然后在你的terminal的另一个选项卡上,在上述相同的根目录下…获取nextjs应用程序,删除npm包,获取linklocal并运行应用程序。

 git clone https://github.com/astenmies/next-library-starter.git && cd next-library-starter && yarn remove next-library && yarn add next-library@file:../next.js-library && yarn global add linklocal && linklocal && yarn run dev 

版本

  • Material-UI:下一个
  • 反应:15.6.1
  • 浏览器:Chrome