alibaba / alibaba/lowcode-engine

自定义组件在物料工程导入react-grid-layout组件,运行报错

Abierto
#3,003 0 comentarios 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
TypeScript
Estrellas
15.9k
Forks
2.7k
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

我想自定义布局,在物料工程导入react-grid-layout组件,运行报错。
这个错误信息是 Webpack 在编译项目时产生的,指出在处理 ./node_modules/react-grid-layout/build/utils.js 和 ./node_modules/react-grid-layout/build/ReactGridLayout.js 这两个模块文件时遇到了未预期的语法(Unexpected token),从而导致模块解析失败。具体来说,Webpack 遇到了它当前配置下无法识别或转换的 ECMAScript 语法特性。

在提供的代码片段中,Webpack 对于“可选链操作符”(?.) 这一ES2020新特性似乎没有正确处理,因为没有合适的加载器来转换这种语法以使其能够在不支持该特性的浏览器或环境中运行。
![image](https://github.com/alibaba/lowcode-engine/assets/55010951/ad0ace87-055c-40bf-90fd-e9bd280ff18e)

然后我尝试配置babel 的@babel/plugin-proposal-optional-chaining插件好像都不可行,在物料工程怎么配置babel插件呢?

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Línea de trabajo

Comienza con las rutas de error de Webpack node_modules/react-grid-layout/build/utils.js y build/ReactGridLayout.js; después, inspecciona cómo está configurado Babel para el material project. Reproduce la importación y verifica que el proyecto se ejecute sin el error Unexpected token cuando se encuentre la sintaxis optional-chaining.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
babel, react, webpack
Área
build-system, frontend
Tipo de issue
Error
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Necesita aclaración
Aptitud para principiantes
30/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.