DEV Community
·
旧时光旋律开发日志 2：添加 Next.js
💡
原文英文，约400词，阅读约需2分钟。
📝
内容提要
作者记录了为项目“Old Time Tunes”搭建网页平台的过程，从最初使用Angular转向Next.js，并通过Nx工具管理monorepo。在IDE中使用Nx插件创建新的Next.js应用，并解决了next.config.js中的JavaScript格式问题，最终成功运行应用并提交更改。
🎯
关键要点
- 作者记录了为项目'Old Time Tunes'搭建网页平台的过程。
- 最初使用Angular制作UI原型，但现在转向Next.js进行开发。
- 使用Nx工具管理monorepo，简化了Next.js应用的设置过程。
- 通过Nx CLI命令成功添加了Next.js及其所需的npm包。
- 在IDE中使用Nx插件创建新的空Next.js应用。
- 在构建应用时遇到next.config.js文件的JavaScript格式问题，使用require而非import。
- 更新了next.config.js中的导入和导出语句后，成功运行了应用。
❓
延伸问答
为什么作者从Angular转向Next.js进行开发？
作者转向Next.js是因为他对React开发更加熟悉。
Nx工具在项目中起到了什么作用？
Nx工具用于管理monorepo，简化了Next.js应用的设置过程。
作者是如何添加Next.js到项目中的？
作者通过运行命令'npx nx add @nx/next'来添加Next.js及其所需的npm包。
在构建应用时，作者遇到了什么问题？
作者遇到了next.config.js文件的JavaScript格式问题，使用了错误的导入和导出语句。
作者是如何解决next.config.js中的问题的？
作者更新了next.config.js中的导入和导出语句，使用了正确的格式。
最终，作者的Next.js应用运行成功了吗？
是的，作者在解决问题后成功运行了Next.js应用。
➡️
