alibaba/lowcode-engine

官方脚手架创建的低代码组件，pnpm安装依赖后，启动报错，npm安装没问题

Open

#2201 opened on Jun 19, 2023

View on GitHub
 (12 comments) (0 reactions) (1 assignee)TypeScript (12,714 stars) (2,228 forks)batch import
enhancementhelp wanted

Description

官方脚手架创建的低代码组件，pnpm安装缺少依赖，启动报错，建议修复。这往往意味着很多依赖的声明并不符合规范。如果不好修复，可以给出需要手动补充的依赖，感谢！

复现方式： 脚手架初始化一个组件：npm init @alilc/element lpd-com-test-2 选择：组件/物料 选择包模式：react-单组件 初始化完成，安装依赖：pnpm i 安装完成后启动项目：npm run start 报错如下

    ERROR in ./node_modules/_component_demo/demo-entry.js
    Module not found: Error: Can't resolve 'regenerator-runtime/runtime' in '/Users/alsc/Documents/lowCode/lpd-com-test-2/node_modules/_component_demo'
     @ ./node_modules/_component_demo/demo-entry.js 215:0-37
     @ multi ./node_modules/_component_demo/demo-entry.js

启动低代码项目：npm run lowcode:dev 报错如下

ERR! (undefined) ./.tmp/preview.jsx
ERR! Module not found: Can't resolve '@alilc/lowcode-react-renderer' in '/Users/alsc/Documents/lowCode/lpd-com-test-2/.tmp'
ERR! 
ERR! (undefined) ./.tmp/preview.jsx
ERR! Module not found: Can't resolve '@alilc/lowcode-utils' in '/Users/alsc/Documents/lowCode/lpd-com-test-2/.tmp'
ERR! 
ERR! (undefined) ./.tmp/index.jsx
ERR! Module not found: Can't resolve 'lodash/mergeWith' in '/Users/alsc/Documents/lowCode/lpd-com-test-2/.tmp'
ERR! 
ERR! (undefined) ./.tmp/view.js
ERR! Module not found: Can't resolve 'style-loader' in '/Users/alsc/Documents/lowCode/lpd-com-test-2'
ERR! 
ERR! (undefined) ./.tmp/default.view.js
ERR! Module not found: Can't resolve 'style-loader' in '/Users/alsc/Documents/lowCode/lpd-com-test-2'

pnpm版本：6.32.9 node版本：14.21.3

Contributor guide

Tech stack
reacttypescriptnodejs
Domain
build system
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Node.jsnpm/pnpm basicsLowcode Engine scaffolding
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Investigate the package.json of the scaffolded project to identify missing dependencies shown in the error logs. Check the @alilc/element scaffold templates to ensure correct dependency declarations. If fixing is complex, document a list of additional dependencies to manually install for pnpm users.