本文已参与「新人创作礼」活动，一起开启掘金创作之路。
开发环境要求：wsl
本人安装的是 Ubuntu 18.04.5，安装完后要装node。
Windows 开发者请在 WSL 环境下使用开发工具
WSL 中文 doc：docs.microsoft.com/zh-cn/windo…
自定义物料开发步骤：
参考官方文档：www.yuque.com/lce/doc/fun…
说明：由于用现存组件低代码化方式项目启动报错，很难找到原因，这里用新开发组件方式，逐步加组件的方法开发自定义物料。
- 组件项目初始化，选择react组件库。
- 安装依赖
- 把自己的组件代码放到项目中，逐渐调试启动项目:
npm run lowcode:dev。 - 修改物料描述文件meta.ts
调试和修改：
- 组件没有限制必须用TS，可以用js语法写。
- 改变设置器后，组件更新，不能在控制台输出打印内容，用
debugger调试，看变量值。 - 如果有用到antd的图标组件，antd Icon的引入改为：
import Icon from 'antd/lib/icon' - 把
?.这种写法改成普通判断写法 - 组件都需要有
defaultProps或者propTypes。 - 每次执行
npm run lowcode:dev都会重新生成meta.ts文件，如果手动改了物料描述，建议先提交到git，防止改动的代码丢失。
问题排查
问题1：新的组件没有在物料列表中
- src/index.js 修改或添加了组件的导入，需要重新启动（启动时会重新生成/lowcode文件夹，才会生成meta文件）
- 组件需要有
defaultProps或者propTypes
问题2：修改了defaultProps 或者 propTypes 组件没有生效
需要重新启动（重新生成meta），或手动修改meta文件。
问题3：修改了meta.ts后不生效
如果确定是没有写错，可能是点了保存按钮导致，点一下重置，重新拖拽组件到页面上。
问题4：安装完依赖后跑不起来
需要用npm安装。试了几次，用cnpm安装的都跑不起来。
问题5：组件渲染出现 Component Not Found
组件之间会互相影响，如果有一个组件有问题，会影响到正常的组件渲染时也出现 Component Not Found。
通过注释的方法，找到有问题的组件，再找到是哪一行代码影响。
问题5：启动出现以下报错
报错的定位不一定准确，代码有问题，例如：有的地方用?.会导致这种报错。
物料描述配置参考：
物料描述详解: www.yuque.com/lce/doc/epz…
设置器类型：www.yuque.com/lce/doc/oc2…
欢迎评论交流
❤️ 更多前端知识欢迎关注公众号交流
❤️ 这里有你想知道的web前端知识
