Angular 项目学习总结

用Angular作前端开发框架，nodejs做后端（angular必须基于nodejs）

几个关键的文件夹：

node_modules/: 通过node 的npm（软件包管理系统）安装的angular核心包和第三方包

src/:源代码文件夹

src/app/: app 组件文件夹

src/index.html:开始编译的根html文件

.gcloudignore: 在GCP上部署时需要的文件，记录了不需要上传的文件夹（如node_modules）

angular.json: angular配置文件，记录服务器配置，静态文件路径灯，包配置，根目录信息等

app.yaml:在GCP上部署时需要的文件，记录运行环境（runtime:nodejs16）

package.json: 在GCP上部署时需要的文件，记录依赖包和版本号，服务器文件名。

package-lock.json：在GCP上部署时需要的文件， 记录在package.json中包的下载路径。

server.js: nodejs服务器程序

dist/: ng build 生成的工程文件，也是最后要部署上传的文件

在每个组件，有四个文件：

.html, .css, .spec.ts, .ts

其中.ts是typescript文件，类似于js

.spec.ts是单元测试文件 一般用不到

遇到的bug： 配置路由之后，访问其中一个字组件，刷新浏览器出现“Refused to apply style from '...' because its MIME type ('text/html') is not a supported stylesheet” ，显示目标文件mime类型错误，但其实是找不到对应的css和js文件。 最后找到的问题是在index.html里

<base href="">

把基地址设成了 “”, 这样在每次加载css和js文件的时候会从当前路径寻址，因为子组件的url路径会变化 这样就会找不到对应文件

改成

<base href="/">

这样就好了

当时是新建了一个项目， 一个个文件复制 看结果 对比 最后才找到

记录一下防止以后再遇到这个bug