Angular Universal Express prerender使用错误的路径src/src，而不仅仅是src/
Angular Universal Express prerender使用错误的路径src/src，而不仅仅是src/
Angular Universal是Angular框架的一个插件，用于实现服务器端渲染（Server-side Rendering，SSR）。它可以在服务器上预渲染Angular应用，以提供更好的性能和搜索引擎优化。
Express是一个流行的Node.js框架，用于构建Web应用程序和API。它提供了一个简单而灵活的方式来处理HTTP请求和响应。
prerender是Angular Universal的一个功能，它允许我们在构建过程中预渲染应用的一些静态页面，以提高首次加载速度和搜索引擎优化。
在使用Angular Universal Express prerender时，如果出现错误的路径src/src，而不仅仅是src/，可能是由于配置文件中的路径设置不正确导致的。为了解决这个问题，可以按照以下步骤进行调试和修复：
- 检查Angular Universal配置文件：在Angular项目的根目录下，找到angular.json文件或者.angular-cli.json文件（取决于Angular版本），查看其中的配置项。特别关注与Angular Universal和prerender相关的配置项，如"server"、"prerender"等。
- 检查Express服务器配置：在Angular项目的根目录下，找到服务器文件（通常是server.ts或server.js），查看其中的Express服务器配置。确保服务器正确设置了静态文件的路径，以及与Angular Universal的集成。
- 检查Angular应用的路由配置：在Angular项目的根目录下，找到app-routing.module.ts文件（或者其他路由配置文件），检查其中的路由配置。确保路由路径与Angular Universal Express prerender的预期路径一致。
- 检查Angular应用的模板和组件：检查Angular应用中的模板和组件，确保没有使用错误的路径src/src。特别关注与静态资源（如图片、样式表、脚本文件等）相关的路径设置。
如果以上步骤都没有解决问题，可以尝试以下方法：
- 更新Angular Universal和Express版本：确保使用的是最新版本，以避免已知的问题和错误。
- 参考官方文档和社区支持：查阅Angular Universal和Express的官方文档，以及相关的社区支持论坛和问答平台，寻找类似问题的解决方案和经验分享。
腾讯云提供了一系列与云计算相关的产品和服务，可以帮助开发者构建和部署各种应用。以下是一些腾讯云产品和服务的介绍链接，供参考：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
请注意，以上链接仅供参考，具体产品和服务选择应根据实际需求和项目要求进行评估和决策。
相关·内容
我在我的Angular 11项目中尝试了npm run prerender命令，但是我得到了这个错误：
Generating browser application bundles...Error: ENOENT(/home/xyz/edApp3b/node_modules/@angular/compiler-cli/ngcc/src/dependencies/dependency_hos
浏览 11提问于2021-02-17得票数 1
回答已采纳
1回答
我迁移了这个页面：到了Range7，并开始使用rendering使这个页面在服务器端呈现。呈现页面，模板工作，一些请求正常运行，页面看起来正常。
angular.json "$schema": ".": "cd dist &&
浏览 0提问于2019-08-21得票数 0
通过遵循，我将现有的angular-cli应用程序转换为angular-universal。错误:必须传入NgModule或NgModuleFactory才能在View.engine中引导(D:\ng-ssr-demo\dist\server.js:359545:23)
问题出在我的server.ts文件中，其中的AppServerModuleNgFa
浏览 102提问于2018-04-16得票数 27
我已经在我的项目中实现了Angular Universal，我希望它部署到AWS的无服务器环境中，但当我在本地运行应用程序时，我得到了下面的错误。我按照下面的链接实现了Angular Universal https://medium.com/cactus-techblog/deploy-angular-universal-on-aws-lambda-from-scratch/build
浏览 531提问于2021-03-18得票数 0
回答已采纳
2回答
其中，我使用角环(1.7.4)，角核(1.0.0-β2)和webpack(1.10.2)。// Work around for https://github.com/angular/angular-cli/issues/7200
s
浏览 1提问于2018-11-26得票数 0
": "ng run ng-blog:prerender" "private": true, "@angular/animations'index.original.html' : 'index';
// Our Universal express-engine (found @ http
浏览 24提问于2021-04-27得票数 3
我在使用Angular 9和universal时遇到了问题。当升级到v9并运行npm run build:ssr脚本时，它抛出一个错误： 程序不包含...src/src/main.server.ngfactory.ts 它在v8中工作，但在升级核心和cli之后，我也可以从git -> angular/universal问题的帖子中看到其他开发者也有同样的问题。prod &&
浏览 25提问于2020-03-29得票数 1
1回答
我在做一个有角度的喷射器，-Angular CLI: 8.3.29-Angular: 8.2.14
我需要在它上应用侧渲染，我使用下面的命令在我的项目中设置角大学express-engine (found @ https://github.com/angular/universal/tree/master/modules/e
浏览 3提问于2020-11-11得票数 0
回答已采纳
1回答
我正在尝试使用angular2-universal进行服务器呈现。我将正式回购的示例todo应用程序复制到我自己的Trails/Express服务器中。我设法启动了我的服务器，但是当我调用http://localhost:3000时，我有以下错误：
Error: No Directive annotation found on TodoAppjaumard/IdeaProjects/trails-<em
浏览 0提问于2016-06-05得票数 3
回答已采纳
1回答
角度与宇宙不工作
、、
嗨，我使用的角度2与通用。首先，我创建了一个新项目：import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from"webpack:server": "webpack --config webpack.server.config.js --progress --
浏览 4提问于2017-11-06得票数 1
回答已采纳
/dist/server/main.bundle'{import { join } fr
浏览 0提问于2018-07-31得票数 18
1回答
我对节点很陌生-我创建了一个service.ts和Im试图使用nodemon构建。有人有解决办法吗？我的代码：{ "ignore": [ "**/*.test.ts",
"**/*.spec.ts",/src/main.server'; import { APP_BAS
浏览 1提问于2020-10-12得票数 0
我在我的Angular应用程序中使用了ngx-extended- PDF -viewer来显示PDF目录(PDF目录位于本地文件夹中)。它在本地运行得很好，但当我尝试预渲染应用程序时，我得到了这个错误：0 info it worked if it ends with ok1 verbose'index.original.html' : 'index';
// Our Univ
浏览 29提问于2021-06-01得票数 0
以下是我迄今所做的工作：import '@angular/localize/init';
import { enableProdMode(found @ https://github.com/angular/universal/tree/master/modules/expr
浏览 3提问于2020-08-24得票数 1
回答已采纳
我弹出了一个Angular Cli项目，并尝试将Angular Universal集成到其中。我已经将项目捆绑在一起了。完全错误：module.exports == { // This is our Express
浏览 3提问于2017-11-30得票数 6
每当我运行ng deploy --preview时，我都会得到错误： at readFileSync (fs.js:359:35)
// Our Uni
浏览 5提问于2021-01-03得票数 0
1回答
如何配置角通用缓存
、、、
是这样的吗？我们的应用程序有很多“产品页面”，在那里股票和价格可以频繁变化。所以我们需要有新鲜的股票和价格。因此，如果需要绝对路径，我不会缓存从api调用返回的服务器的数据(如果需要绝对路径，则是)。这是我的包裹json： "ng": "node --max_old_space_size=8192 node_modules/@angular&
浏览 3提问于2020-05-21得票数 2
1回答
不接管客户端的呈现
、、、
我目前正在尝试添加服务器端渲染(SSR)到我的角度应用程序后的官方角度。我能够设置快速服务器，我从服务器获得的响应包含我的应用程序，尽管看起来有点奇怪，好像缺少了一些CSS，导致图标呈现得太大，等等。但是，由于某种原因，客户机/浏览器永远不会接管(重新)呈现，并且网站将保持与服务器响应相同的状态。它不是交互式的，完全是静态的。当单击控件(链接除外)或交互元素时，什么都不会发生。'index.original.html' : 'in
浏览 3提问于2020-09-07得票数 5
基于这些教程：和，我正在尝试构建和使用一个使用i18n作为国际化系统的Range8应用程序。 "options": {
浏览 0提问于2019-07-19得票数 3
回答已采纳
5回答
我创建了新的项目-客户端-关于角11。然后更新ng版本为12角。然后安装通用: ng add @nguniversal/express-enginenpm run dev:ssr
客户端@0.0.0 dev:ssr运行客户端npm错误！代码1 npm错误！路径E:\PRACTICE\MYPETPROJECTS\tanechka\client npm错误！命令失败，npm错误！命
浏览 14提问于2021-06-08得票数 11
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
