问题标签 [spa-template]

我正在为 Visual Studio 2017 寻找一个好的 Angular 4 模板。或者什么是最好的模板和继续的方式？这将用于 Angular 4 SPA 网页。

我已将 aspnet JavaScriptServices 角度模板更新为 Angular 5.0.2

一切看起来都很好但是当它发布时我收到以下错误

如果我关闭服务器端预渲染，通过删除asp-prerender-module="ClientApp/dist/main-server"它可以正常工作，没有任何问题。

对此有什么想法吗？

AngularCompilerPlugin注意：我已经完成了使用而不是AotPlugin的更改

我可以看到很多 Spa 模板示例 dotnet new --install Microsoft.AspNetCore.SpaTemplates::*

确实有 VueJ，但是当我安装它时，即使使用 -l 参数，我似乎也无法在列表中看到它。

有谁知道这是怎么回事？或者一个完整的工作SPA种子项目？几乎我尝试的每个项目都有一些问题。

谢谢

尼禄

我的公司正在将 ASP.NET 用于一些工具，我想我会尝试使用 .NET Core 和 Angular。我构建了我的项目，对其进行了测试、发布并在 IIS 中进行了设置。

不幸的是，错误消息的描述性不是很好。我想知道在使用 .NET Core 和 Angular 2 与 IIS 时是否有其他人遇到过这样的问题。我猜我在设置中错过了什么？

提前致谢！

编辑：

我根据@Eliseo 的反馈更新了我的 web.config：

在 Visual Studio Code 中我跑了

不知何故，缺少模板“react”、“reactredux”和“angular”。（在我的 Powershell 窗口中运行上述命令时，它们也丢失了）

怎么来的？

我有 VS Code 版本 1.19.3

我正在使用带有 .net core 2.0 和 angular 4 的 angular Spa 模板。

页面刷新后，我的 cookie 计数为零。事实上，页面刷新后我在 HttpContext 中没有得到任何东西。

这是我在浏览器中的 cookie。

如果我使用角度系统菜单，它工作正常。

现在，这是我在后端获取 cookie 的代码。

一件重要的事情是，当我单击菜单时，它会加载组件和服务文件，然后向 C# 控制器请求所有标题和选项。但是当我刷新页面时，整个过程都会被跳过，所以我认为这个选项没有传递到后端，这就是我的 cookie 为空的原因。

在我的其他应用程序中，我使用 url rewrite 来解决相同类型的问题，它在那里工作，但在这里因为这个应用程序是 angular spa 模板，url rewrite 不起作用。

我也尝试设置 url 重写，就像我在旧应用程序中所做的那样，但它给了我错误。这是我关注的 url 重写模块的链接。 https://stackoverflow.com/a/26152011/5816119

我已将 cookie 更新为会话 cookie，但它也无法正常工作。

即使用户刷新页面，您能否指导我如何获取所有 cookie 和其他数据。谢谢...

我从 Microsoft.AspNetCore.SpaTemplates 设置了一个新的 vue.js 模板，并添加了一个新的控制器和路由，以了解它是如何工作的。我的问题是我添加的组件根本没有渲染。控制台显示错误：

vendor.js?v=MxNIG8b0Wz6QtAfWhyA0-4CCwZshMscBGmtIBXxKshw:13856 [Vue 警告]：属性或方法“块”未在实例上定义，但在渲染期间被引用。确保在 data 选项中声明反应数据属性。

奇怪的是，当项目正在运行并且我随机更改模板 html 文件时，组件突然呈现正常。

控制器：

打字稿：

模板：

我正在尝试设置一个 SPA，我可以在其中将数据从我的 appsettings.json 传递到服务器渲染上的客户端。我按照步骤使用新的 SpaServices 模板配置 SSR

https://docs.microsoft.com/en-us/aspnet/core/spa/angular

但是我不明白如何完成此处标记的任务

您可以通过 Angular 支持的任何方式将其传递给应用程序的其他部分

我看到使用的示例是 base_url，但似乎 base 作为 DOM 元素注入页面

但目前尚不清楚如何以这种方式阅读其他项目。我正在测试是否通过应用程序是 Https，我的 Startup.cs 中有这一部分

在 main.server.ts

但在 main.ts 中我迷路了，我有这样的东西

我不确定 SpaServices 如何将 Prerender 上的值注入应用程序（我查看了代码，但我不清楚）。价值是放在窗户上的吗？如何读取值以便可以注入组件的构造函数？

我用“dotnet new angular”创建了一个项目。当在 Typescript 指令上设置断点时，它在运行时显示为一个开放的红色圆圈。错误消息是“断点当前不会被命中。断点已设置但尚未绑定。”

当我从 .Net Core SDK 1.x 更新到 2.x 时，这个问题就开始了。这是 2.x 中的错误还是与我的设置有关？使用 2.x 的人是否有在 VS2017 中工作的 Typescript 断点？我在下面详细描述了我的设置以及它失败的地方。

要重复该问题，您可以在“this.currentCount++;”上设置断点；在 ClientApp\src\app\counter\counter.component.ts 中，然后单击“计数器”页面上的“增量”。

我目前正在使用应该是最新的官方版本：

我尝试了其他 SDK 2.x 版本。它在 v2.1.4 和 v2.1.300 中失败。但是断点在 v2.0.0、2.1.200 和 2.1.201 中成功。

不同的是，当它成功时，每个 SDK 在“dotnet new angular”期间在项目的根目录中生成文件“webpack.config.js”和“webpack.config.vendor.js”。最新的 2.x 版本不会在根目录中生成这些文件。所以我不想使用以前的版本。

另一个区别是工作项目在 webpack.config.js 中定义了“ClientApp”的位置。在那些失败的项目中，ClientApp 位置在 startup.cs 中定义。

更多信息：

使用 sdk v2.1.201（一个可行的），生成的 package.json 包含：

使用 sdk v2.1.300（失败的），生成的 package.json 包含：

但不包含 webpack 的条目。在 node_modules/.bin 中有一个“webpack.cmd”，它的版本是 3.11.0。

当我在 VS2017 开发人员命令窗口中键入“tsc -v”时，我得到：

更新：我在.Net SDK 问题中添加了一个问题。
我被要求为 Visual Studio 打开一个开发者反馈项。他们认为这是 TS/JS 工具的 VS 问题。

如果您也遇到此问题，如果您添加到反馈页面，它可以帮助提高其优先级。

更新 (2018-03-23) 已解决

这个问题可能比今天更早解决了，但直到今天我才再次查看它。今天我将VS2017更新到v15.9.9，.Net Core SDK更新到2.2.105，.Net core Host更新到2.2.3。在开发人员提示符下键入“tsc -v”会显示“版本 3.1.2”。

当我现在运行“dotnet new angular”并在“this.currentCount++”上设置断点时，断点被命中。

注意：在 Chrome 以外的其他浏览器中运行客户端应用程序时，可能仍会出现此问题。但是我一直在使用 Chrome，无论是在我早些时候遇到问题的时候还是今天看起来已经解决的时候。

我有一个 angular 5 的 asp.net 核心 Web 应用程序。在我的存储库层中，我有一个简单的 linq 查询，可以从表中获取数据。在我更改查询并将其连接到另一个实体以从两个表中获取数据之前，一切都运行良好。连接查询快速从数据库获取数据，没有延迟。现在，当我运行该应用程序时，出现此错误：

NodeInvocationException：节点调用在 60000 毫秒后超时。您可以通过在 NodeServicesOptions 上设置 InvocationTimeoutMilliseconds 属性来更改超时持续时间

当我单独运行 API 时，它运行良好并且返回 Json 数据没有任何问题。

任何帮助，将不胜感激。