迁移到 Vite:未捕获的类型错误:无法读取未定义的属性“attrs”

IT技术 javascript reactjs create-react-app vite
2021-05-03 21:23:28

create-react-app由于开发环境中的性能原因,我正在尝试将一个大型应用程序从Vite.js迁移到 Vite.js。

我遵循了本指南:https : //phelipetls.github.io/posts/migrating-from-cra-to-vite/

这是详细的错误:

Uncaught TypeError: Cannot read property 'attrs' of undefined
    at node_modules/styled-bootstrap-grid/dist/components/Container/Container.js (Container.js:68)
    at __require2 (chunk-VZ7BJMYF.js?v=f5540ad4:17)
    at node_modules/styled-bootstrap-grid/dist/components/Container/index.js (index.js:27)
    at __require2 (chunk-VZ7BJMYF.js?v=f5540ad4:17)
    at node_modules/styled-bootstrap-grid/dist/index.js (index.js:53)
    at __require2 (chunk-VZ7BJMYF.js?v=f5540ad4:17)
    at dep:styled-bootstrap-grid:1
node_modules/styled-bootstrap-grid/dist/components/Container/Container.js @ Container.js:68
__require2 @ chunk-VZ7BJMYF.js?v=f5540ad4:17
node_modules/styled-bootstrap-grid/dist/components/Container/index.js @ index.js:27
__require2 @ chunk-VZ7BJMYF.js?v=f5540ad4:17
node_modules/styled-bootstrap-grid/dist/index.js @ index.js:53
__require2 @ chunk-VZ7BJMYF.js?v=f5540ad4:17
(anonymous) @ dep:styled-bootstrap-grid:1
injector.js:239 

我怎么能调试这个?任何提示?

提前致谢!

1个回答

看起来是 CommonJS 语法错误,因为 vite 不支持 CommonJS 语法。你可以尝试使用vite插件vite-plugin-commonjs

顺便提一句,

https://github.com/originjs/webpack-to-vite

这是我在转换旧项目时搜索错误信息时发现的github项目。它列出了一些转换项和错误修复方法。它甚至可以一键将旧项目转换为 Vite 项目。很棒,我推荐它!