用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