【发布时间】：2021-01-25 07:18:02
【问题描述】：
{
"$schema":"./node_modules/@angular/cli/lib/config/schema.json",
"version":1,
"newProjectRoot":"projects",
"projects":{
"new-asasa":{
"projectType":"application",
"schematics":{
},
"root":"",
"sourceRoot":"src",
"prefix":"app",
"architect":{
"build":{
"builder":"@angular-devkit/build-angular:browser",
"options":{
"outputPath":"dist/new-asasa/browser",
"index":"src/index.html",
"main":"src/main.ts",
"polyfills":"src/polyfills.ts",
"tsConfig":"tsconfig.app.json",
"aot":true,
"assets":[
"src/favicon.ico",
"src/assets"
],
"styles":[
"src/styles.scss",
"node_modules/intl-tel-input/build/css/intlTelInput.css",
"node_modules/ng-zorro-antd/ng-zorro-antd.min.css"
],
"scripts":[
"node_modules/intl-tel-input/build/js/intlTelInput.min.js",
"node_modules/jquery/dist/jquery.min.js"
],
"allowedCommonJsDependencies":[
"rxjs-compat",
"lodash"
]
},
"configurations":{
"production":{
"fileReplacements":[
{
"replace":"src/environments/environment.ts",
"with":"src/environments/environment.prod.ts"
}
],
"optimization":true,
"outputHashing":"all",
"sourceMap":false,
"namedChunks":false,
"extractLicenses":true,
"vendorChunk":false,
"buildOptimizer":true,
"budgets":[
{
"type":"initial",
"maximumWarning":"4mb",
"maximumError":"7mb"
},
{
"type":"anyComponentStyle",
"maximumWarning":"20kb",
"maximumError":"20kb"
}
]
}
}
},
"serve":{
"builder":"@angular-devkit/build-angular:dev-server",
"options":{
"browserTarget":"new-asasa:build"
},
"configurations":{
"production":{
"browserTarget":"new-asasa:build:production"
}
}
},
"extract-i18n":{
"builder":"@angular-devkit/build-angular:extract-i18n",
"options":{
"browserTarget":"new-asasa:build"
}
},
"test":{
"builder":"@angular-devkit/build-angular:karma",
"options":{
"main":"src/test.ts",
"polyfills":"src/polyfills.ts",
"tsConfig":"tsconfig.spec.json",
"karmaConfig":"karma.conf.js",
"assets":[
"src/favicon.ico",
"src/assets"
],
"styles":[
"src/styles.scss"
],
"scripts":[
"node_modules/intl-tel-input/build/js/intlTelInput.min.js"
]
}
},
"lint":{
"builder":"@angular-devkit/build-angular:tslint",
"options":{
"tsConfig":[
"tsconfig.app.json",
"tsconfig.spec.json",
"e2e/tsconfig.json",
"tsconfig.server.json"
],
"exclude":[
"**/node_modules/**"
]
}
},
"e2e":{
"builder":"@angular-devkit/build-angular:protractor",
"options":{
"protractorConfig":"e2e/protractor.conf.js",
"devServerTarget":"new-asasa:serve"
},
"configurations":{
"production":{
"devServerTarget":"new-asasa:serve:production"
}
}
},
"server":{
"builder":"@angular-devkit/build-angular:server",
"options":{
"outputPath":"dist/new-asasa/server",
"main":"server.ts",
"tsConfig":"tsconfig.server.json"
},
"configurations":{
"production":{
"outputHashing":"media",
"fileReplacements":[
{
"replace":"src/environments/environment.ts",
"with":"src/environments/environment.prod.ts"
}
],
"sourceMap":false,
"optimization":true
}
}
},
"serve-ssr":{
"builder":"@nguniversal/builders:ssr-dev-server",
"options":{
"browserTarget":"new-asasa:build",
"serverTarget":"new-asasa:server"
},
"configurations":{
"production":{
"browserTarget":"new-asasa:build:production",
"serverTarget":"new-asasa:server:production"
}
}
},
"prerender":{
"builder":"@nguniversal/builders:prerender",
"options":{
"browserTarget":"new-asasa:build:production",
"serverTarget":"new-asasa:server:production",
"routes":[
"/"
]
},
"configurations":{
"production":{
}
}
}
}
}
},
"defaultProject":"new-asasa",
"cli":{
"analytics":false
}
}
npm run dev:ssr 工作正常，还显示浏览器中加载的 ssr 内容。
但是当我为生产构建 ssr 运行 npm run build:ssr && npm run serve:ssr 时不起作用。
"dev:ssr": "ng run new-asasa:serve-ssr",
"serve:ssr": "node dist/new-asasa/server/main.js",
"build:ssr": "ng build --prod && ng run new-asasa:server:production",
"prerender": "ng run new-asasa:prerender" "dev:ssr": "ng run new-asasa:serve-ssr",
"serve:ssr": "node dist/new-asasa/server/main.js",
"build:ssr": "ng build --prod && ng run new-asasa:server:production",
"prerender": "ng run new-asasa:prerender"`
【问题讨论】：
-
您在构建和/或运行时看到的错误是什么？
-
@Raz Ronen 我没有收到任何错误，它刚刚编译成功。
-
浏览器的控制台有什么问题吗？
-
@Raz Ronen no bro 完全干净的控制台在浏览器中没有警告没有错误：|
-
你在网络请求中看到了什么？你的 .html 被提取了吗？以后会获取任何 javascript 吗？
标签： angular typescript server-side-rendering angular-universal