创建组件有点困难

[gccdChen]

插件名/Extension: Appwork 1.5.0

您的本地环境信息/Your local environment information

• 操作系统及其版本/System and Version: Mac os
• Node version: 16.11.1
• npm version: 8.0.0

您遇到的问题及复现步骤/What are your problems and how to reproduce them

按着文档走 https://appworks.site/materials/guide/init.html

iceworks --version //3.4.7

# 创建物料文件夹
$ mkdir my-materials && cd my-materials

# 初始化物料项目
$ iceworks init

material collection(component&scaffold&block&page)

React + TypeScript

cd blocks/ExampleBlock/

npm install

npm publish

报错1

✖ Screenshot fail!
Error: Cannot find module '/usr/local/Cellar/node/16.11.1/lib/node_modules/puppeteer'
Require stack:
- /Users/jack/demo/my-materials/blocks/ExampleBlock/node_modules/import-global/index.js
- /Users/jack/demo/my-materials/blocks/ExampleBlock/node_modules/@ice/screenshot/utils/getPuppeteer.js
- /Users/jack/demo/my-materials/blocks/ExampleBlock/node_modules/@ice/screenshot/bin/index.js

可能跟使用是 fish 有关，退出fish 依然报错。。 直接修改 blocks/ExampleBlock/node_modules/import-global/index.js line:9

return require(path.join("/usr/local/lib/node_modules", moduleId));

报错2

Puppeteer Install fail.
Please install puppeteer using the following commands:

  npm uninstall puppeteer -g

  PUPPETEER_DOWNLOAD_HOST=https://storage.googleapis.com.cnpmjs.org npm i puppeteer -g --registry=https://registry.npm.taobao.org

  screenshot -u http://www.example.com

npm ERR! code 1
npm ERR! path /Users/jack/demo/my-materials/blocks/ExampleBlock
npm ERR! command failed
npm ERR! command sh -c npm run build && npm run screenshot

接着设置 环境变量

set PUPPETEER_DOWNLOAD_HOST https://storage.googleapis.com.cnpmjs.org 
npm uninstall puppeteer -g
npm i puppeteer -g --registry=https://registry.npm.taobao.org

npm publish

报错3

he screenshot target url: http://127.0.0.1:8100/build/index.html
✖ Screenshot fail!
Error: Could not find expected browser (chrome) locally. Run `npm install` to download the correct Chromium revision (901912).
    at ChromeLauncher.launch (/usr/local/lib/node_modules/puppeteer/lib/cjs/puppeteer/node/Launcher.js:88:27)
    at async screenshot (/Users/jack/demo/my-materials/blocks/ExampleBlock/node_modules/@ice/screenshot/bin/index.js:100:21)
    at async screenshotWithLocalServer (/Users/jack/demo/my-materials/blocks/ExampleBlock/node_modules/@ice/screenshot/bin/index.js:80:3)
    at async exec (/Users/jack/demo/my-materials/blocks/ExampleBlock/node_modules/@ice/screenshot/bin/index.js:54:7)
npm ERR! code 1
npm ERR! path /Users/jack/demo/my-materials/

貌似是模板的依赖太旧了，不知道模板是放哪里的？

您期待的正确结果/The right result you're looking forward to

[luhc228]

可以具体讲下哪里困难？我们可以看下怎么调整

[gccdChen]

可以具体讲下哪里困难？我们可以看下怎么调整

回复太快了，刚正在编辑，不小心按了发送。