alibaba / alibaba/lowcode-engine
自定义组件在物料工程导入react-grid-layout组件,运行报错
- 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新特性似乎没有正确处理,因为没有合适的加载器来转换这种语法以使其能够在不支持该特性的浏览器或环境中运行。

然后我尝试配置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