问题标签 [yeoman-generator-angular]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
815 浏览

angularjs - 如何将在不同端口上运行的实时数据服务 (REST API) 插入使用 yeoman(angular) 构建的应用程序?

我是网络开发的新手,这个问题可能看起来很愚蠢。但我迫切需要帮助。我们正在引导一家初创公司,并且正在使用 angular、tornado 和 postgres。我使用 yeoman 和角度生成器创建了一个基本应用程序。我在端口 9000 上运行 grunt connect 以避免与我的其他工作相关项目发生冲突。我面临的主要问题是龙卷风后端在端口 8889 上运行。我的网络服务器在 9000 上运行。尝试调用 API 会引发跨域阻止错误。所以我配置了 nginx 来代理对 9000 的 API 调用到端口 8889。这在其他客户端上工作得很好。但是网络服务器现在已经消失了,当我启动应用程序时,我只得到代理的 API 响应。一直在努力思考我需要做什么。

提前非常感谢。

0 投票
1 回答
318 浏览

angularjs - 启动 Grunt 开发服务器时如何将 AngularJS 应用程序的变量指定为命令行参数(grunt-contrib-connect)

在我的生产环境中,Angular 应用程序在与 API 相同的域下提供服务,因此基本 url 采用例如“/api”的形式。

问题是当我开发时,我使用 grunt serve (grunt-contrib-connect) 作为我的开发服务器,我想在启动它时为 API Endpoint 指定一个基本 url,例如 grunt serve --endpoint="http: //本地主机/api"

我知道我可以使用 grunt.option 获得这个值,但是我不知道如何将它传递给我的 Angular 应用程序。

注意:这不是典型的生产/开发配置拆分。我希望每次启动开发服务器时都指定端点。

有什么解决办法吗?越简单越好!

0 投票
0 回答
762 浏览

angularjs - $grunt build yo angular 后找不到 dist 文件夹

目前,我正在使用 yo angular 来构建我的应用程序。

工作正常,我可以在 localhost 上测试我的应用程序,我想将此应用程序部署到需要 dist 文件夹的 Heroku:

虽然结果很好,但它没有创建 dist 文件夹(请注意,我也以管理员身份运行 CMD 控制台): 在此处输入图像描述

没有 dist 文件夹:

在此处输入图像描述

我没有更改 Gruntfile.js 中的任何代码。我还使用 $yo angularfreshApp 创建新应用程序并运行 $grunt build 并且也没有 dist 文件夹。我错过了一些配置吗?请帮我。

0 投票
2 回答
2355 浏览

yeoman - Yeoman Angular 生成器 - 应用文件夹中缺少 bower_components

我在 Windows 上,当我使用 Angular 生成器搭建脚手架时,我的应用程序bower_components在目录中丢失了app- 而不是在根目录中

这是我app新建脚手架后的目录:

<code>app</code> 目录

所以我必须手动将凉亭组件放在app目录中......

任何想法为什么会发生这种情况?

在 bower.json 中的 PS 我有:

但是该选项不受尊重,当我运行bower install它时,它不会添加bower_componentsapp目录中。

0 投票
1 回答
650 浏览

javascript - 配置 nginx 以提供 yeoman 角度生成器文件的最佳方法?

我对配置生产服务器以服务 UI 非常陌生。我总是编写我的代码,其他人进行部署。但我现在想进入下一个阶段。话虽如此,我从 yeoman-angular-generator 开始编写我的 UI 代码,我希望将它部署在我的生产 Amazon ec2 实例上。

我在实例上配置了 nginx 并设置了 route53,我可以从 mydomain.com 提供默认的“欢迎使用 nginx”页面。我想做的是从 mydomain.com 为我的用户界面提供服务。我试图编写一个服务器块,位置“/”指向我的 dist 文件夹中的 index.html。但它不起作用。

0 投票
1 回答
374 浏览

angularjs - 修改 yeoman angular index.html 的 grunt 任务

yo angular为编写 Angular 应用程序设置了一个基本的脚手架。所以index.html我们有如下代码:

我正在寻找一项可以删除这些行并注入文件的正确位置的任务。例如:

或者是否有一些替代方法来处理这个......比如让 watch 任务创建不同的版本index.html,比如index.html.fooTarget; 它会使用该目标的正确路径进行更新;然后当涉及到 grunt 任务时,适当地复制后一个文件。

可以做些什么来解决这个问题?

0 投票
1 回答
735 浏览

angularjs - AngularJS Grunt 加载带有动态查询字符串参数的 JS 文件

我正在使用 yeoman + grunt + angularJs 开发应用程序。

为了仅在需要时加载 JS 文件,我在 calendar.html 中添加了 JS 文件路径。

为此,我修改了 grunt.js 和 html 文件。

Grunt.JS 文件

修改 calendar.html 文件

此解决方案工作正常。但是现在每当我加载我的日历页面时,都会向 fullcalenar.js 发出一个新的请求,其中包含像这样的动态查询字符串参数

每次我发出阻止浏览器缓存文件的请求时,这个数字 (1422010995753) 都会增加。

我相信这是因为assetCacheBuster,但这是我对Grunt的配置。我已经将它与 debugInfo 一起设置为 false。

我的问题是,我想缓存 fullcalendar.js 文件,不想每次都获取新的 JS 文件。

如果我在 index.html 文件中的 calendar.html 代码上方移动,则应用程序可以正常工作并缓存文件而不与其余的 js 结合。但是,如果我在 index.html 中添加该代码,fullcalendar.js 文件将与第一页一起加载。

0 投票
1 回答
177 浏览

node.js - 当 express 中缺少语言环境文件时提供 404

我正在使用 DaftMonk 的generator-angular-fullstack,它非常棒,除了我遇到的一个小问题......

我正在使用 i18next 来处理本地化,该库的工作方式是尝试从您指定的路径为用户给定的本地化设置加载语言环境文件,即:/locales/en-US/app.json- 如果不存在,它会尝试/locales/en/app.json(并在我的案例在这里找到了文件)。

问题是生成器的工作方式是它有一个路由包罗万象,它将所有 404 重定向到index.html(角度应用程序的入口点)。这允许单页应用程序的动态路由。

发生这种情况时,会i18next因为它期待一个404或一个 json 语言环境文件而窒息,但却得到了index.html页面。

我需要一种方法来排除/locales该通配符处理的路径,如果文件丢失,404则提供一个而不是页面。index.html

下面是 express 通配符的作用:

/locales/*如果找不到文件,我如何编写将重定向到服务 404 的规则,而不是重定向到index.html

0 投票
1 回答
1095 浏览

node.js - 无法在 yeoman angular 生成的 webapp 中生成“dist”文件夹

我无法在使用 yeoman 角度生成器构建和生成的 Web 应用程序中生成dist文件夹。

我正在粘贴 grunt build 的详细信息。请检查这是否有帮助。

有什么我想念的吗?

谢谢, 安基特

0 投票
1 回答
183 浏览

angularjs - 如何将 x-editable 插件与 meanjs yeoman 生成的代码一起使用?

我喜欢x-editable插件,以前曾用于 Angular 独立应用程序。目前我已经使用 Yeoman meanjs 生成器生成了我的项目,但我找不到与配置可编辑选项相同的选项,就像我在 Angular 应用程序中可以做的那样。有谁知道我可以在哪里配置这些设置?是在快速配置中使用 app.use 吗?如果是,我如何在函数中包含可编辑选项。