迁移到 Vite：Uncaught TypeError: Cannot read property 'attrs' of undefined。

Question

我试图将一个大型应用从create-react-app迁移到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 

我该如何调试这个问题？有什么提示吗？

提前感谢！

M

- Matteo Carpi

Answer 1

似乎是CommonJS语法错误，因为vite不支持CommonJS语法。您可以尝试使用vite插件vite-plugin-commonjs。

顺便说一下，

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

这是我在转换旧项目时搜索错误信息时发现的一个Github项目。它列出了一些转换项和错误修复方法。甚至可以通过一键操作将旧项目转换为Vite项目。非常棒，我推荐使用！

- Chieffo

---

哇！太酷了，谢谢！我正在尝试使用你分享的工具，但是我遇到了这个错误env: node\r: No such file or directory，你有遇到过吗？这是我尝试运行的命令webpack-to-vite -t webpack -d my-project。 - Matteo Carpi

不，我没有。最好的方法是向工具存储库提交问题。你能提供一个可以复现和完整日志记录的项目吗？我会尝试解决。 - Chieffo