公司要求用Angular+Sequelize, 周末趁着一波有空, 居然两天搞到半夜都还没搞定最复杂的从一张数据库表里取几条数据, 展现成一个table. 吐血写一篇踩过的坑, 以及最后卡住的坑.
下去安装nodejs和angular, 没啥成绩, 下载最新版安装一顿操作, 环境变量搞定. 然后ng new 命令树立了项目, 启动VS Code, 开搞!
写了个*ngFor循环输入了个table, ts代码写一个对象数组(hard code), 展现table无成绩.
到目前为止, 决计满满.
然后参加sequelize, 这个带着光环, 哦不, github star最高的nodejs orm. 为了消弭数据库各种配置的成绩, 我先尝试了sqlite这个内存数据库. 然后new一个Sequelize衔接看看? 随后就末尾报一堆乌七八糟的错.
一. 第一个是编译错误: Can't resolve 各种各样的是什么鬼, 谷歌百度疯狂搜索, 哦哦原来这些各式各样的都是阅读器的东东... hm... 怎样解释呢, 就是这些对象是阅读器自带的, 不需求编译. (我是这么了解的.. 请大神补充).
那怎样处置呢, 就是往package.json里塞这么一堆东东. 也就是通知angular (其实是webpack), 这些鬼东西是阅读器自带的, 别折腾!
二. 这回编译是没成绩了, 咦? 怎样阅读器里啥也没了? 翻开F12一看, 报错:
这又是什么丧尽天良的错误? 特么一个Hello World级别的小网页, 我哪里用到Buffer了... 又是一顿疯狂搜索, 某大神说如下可以处置:
至此, 我曾经totally lost, 这代码究竟是干嘛? 幸运的是原来的错误是处置了. 到这里曾经花了我1天多时间了...
三. 刻不容缓, ng serve, 刷新页面, 怎样还是一片空白? F12里错误信息变了.
纳尼? 我明明安了sqlite3的lib啊, 搞妹啊. 大家懂得, 先是npm uninstall / npm install 来回折腾. 无果! 随即求助谷歌百度大神, 居然发现NN多人碰到这类成绩, 并在sequelize的support论坛上提交了成绩. 每个帖子都是一番剧烈讨论, 然后没一个复杂庸俗的处置方案.
看了差不多两小时的帖子, 尝试了npm rebuild无果, 把sqlites安装到global, 无果!
其实这成绩的缘由是由于sequelize的依赖项由于和webpack和angular的版本抵触, 反正就是没打包出来. 有人经过webpack的pkg处置了这成绩. 写了一堆我不知道该放哪的代码.... 反正我到目前还没处置.
最后发个怨言, angular的语法功用是挺好的, 但它的依赖项真的真的太多了... 新建一个angular网站项目, 完全是新建的哦, 居然有900多项依赖项. 900多项!!! 以前做java, maven里历来没超过100个依赖项吧.
最后想说, 经过2天折腾, 瞬间不爱了.... 哦不, 本来就没爱过.
【编辑引荐】
ReactJS，AngularJS, Vue.js优劣比照剖析
React vs Angular vs Vue.js：究竟怎样选择？
为Angular打造的优秀甘特图方案
最近写Vue，真是累死人了！没有Angular爽，谁能帮帮我？[吐槽]
React vs.Angular：2020版
(责任编辑：admin)