标签: angular-cli

我使用angular-cli创建了一个新的角度app.

我完成了应用程序并使用ng-serve进行预览,它运行良好.

之后我使用了ng build --prod,它生成了'dist'文件夹.当我将该文件夹放在xampp中运行时,它无法正常工作.我发现没有*.js文件,应该在*.ts - >*.js转换之后(我想).

我已附上截图,其中左侧显示的是包含所有.ts文件的src文件夹,中间显示'dist'文件夹和浏览器屏幕截图.

请指导我如何从angular-cli生成完全正常工作的应用程序,我可以在我的xampp服务器上运行.

截图:

我有一个Angular应用程序,它在我的本地和生产环境中完美运行.经过我做的一个微小的改变,我在本地运行应用程序,它工作正常..然后我构建了项目并将dist文件夹复制到Web服务器.问题是,当我尝试访问该应用时,我在Chrome Inspector中收到以下错误:

Uncaught SyntaxError: Unexpected token < inline.1a152b6….bundle.js:1
Uncaught SyntaxError: Unexpected token < polyfills.1553fdd….bundle.js:1
Uncaught SyntaxError: Unexpected token < vendor.94d0113….bundle.js:1
Uncaught SyntaxError: Unexpected token < main.d6f56a1….bundle.js:1

所以,它似乎是一个错位的角色,但在我的本地环境中应用程序工作正常我没有在控制台上收到任何警告或错误消息..

ng build在我的Angular 4项目上运行会出现此错误:

     14% building modules 40/46 modules 6 active ...es\@angular\http\@angular\http.es5.js
An error occured during the build:
Error: No module factory available for dependency type: ContextElementDependency
    at Compilation.addModuleDependencies (D:\dev\workspace\rep\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:213:21)
    at Compilation.processModuleDependencies (D:\dev\workspace\rep\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:202:8)
    at _this.buildModule.err (D:\dev\workspace\rep\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:350:14)
    at building.forEach.cb (D:\dev\workspace\rep\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:147:27)
    at Array.forEach (native)
    at callback 

我已经在这个问题上阅读了关于github和stackoverflow的很多Q/A,但是没有对我有帮助.

正如答案所示,我已经删除了webpack,但这没有帮助.删除了node_modules,从package.json中删除了webpack,运行npm install,仍然没有帮助.清理了npm的缓存,从package.json中删除了webpack,运行npm install,仍然没有结果.许多其他类似的建议没有帮助.

当我从package.json中删除webpack并运行时,npm install我得到以下内容:

 Cannot find module 'webpack/lib/node/NodeTemplatePlugin' Error: Cannot
 find module 'webpack/lib/node/NodeTemplatePlugin'
     at Function.Module._resolveFilename (module.js:469:15)
     at Function.Module._load (module.js:417:25)
     at Module.require (module.js:497:17)
     at require (internal/module.js:20:19)
     at Object.<anonymous> (D:\dev\workspace\rep\node_modules\html-webpack-plugin\lib\compiler.js:11:26) …

我知道从这个问题和在桌面上的localhost上运行的 超级用户站点上的答案在Android设备上无法访问(PS:这个问题在链接中的问题上继续)该命令ng serve打开一个错误配置的Web服务器.

问题是如何在不部署我的网站的情况下在Android设备上运行我的网站.我将尝试http://192.168.0.168:4200使用Angular-CLI 在此URL上运行该站点.

我将开发一个简单的Angular 2应用程序.我使用Angular CLI创建了一个带路由的项目,并使用'ng generate component'命令向应用添加了几个组件.然后我在app-routing.module.ts中指定了路由,如下所示.

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { AboutComponent } from './about/about.component';
import { UserComponent } from './user/user.component';
import { ErrorComponent } from './error/error.component';
import { SpecialpageComponent } from './specialpage/specialpage.component';

const routes: Routes = [
  {
    path: '',
    component: HomeComponent
  },
  {
    path: 'about',
    component: AboutComponent
  },
    {
    path: 'user',
    component: UserComponent
  },
  {
    path: 'specialpage',
    component: SpecialpageComponent
  },
  { …

我使用Angular-cli使用以下命令创建了Angular2项目:

ng new project-name

但是,我没有.angular-cli.json在项目的根文件夹中看到文件.我使用的angular-cli版本是1.0.2.我以前用cli创建了多个项目,从未遇到过这个问题.是因为最近的更新？如果是,我在哪里可以找到json文件？或者我需要手动创建它吗？

我正在使用Angular CLI和VS代码,但是当我运行测试时,我的spec文件中的所有断点似乎都没有受到影响？

我需要做一些配置吗？

有一个选项.angular-cli.json可以禁用自动创建*.spec文件,例如组件,请参阅json模式.

这是一个非常好的功能,因为个人(这只是我的意见)测试组件可能不是一个在快速增长的项目中真正值得的东西.

但是,有时我希望有一个选项来*.spec为已经存在的组件/服务/管道/ 生成/重新创建相应的文件.

可以使用一些命令行调用吗？

创建了一个功能请求,让我们看看它是怎么回事......

在 Angular 10 中，您可以使用创建一个新项目 ng new --strict

启用此标志会使用一些新设置初始化您的新项目，以提高可维护性，帮助您提前捕获错误，并允许 CLI 对您的应用程序执行高级优化

是否有将现有项目升级到严格模式的命令行，或者我只需要创建一个新项目然后从另一个项目复制粘贴文件？

我是angular2的新手,我试图用cli创建一个项目,但当我尝试更改在angular-cli.json中添加它的CSS时,我检测到这个文件没有创建...

我可以手动创建或者此文件已被更改为另一个吗？

谢谢!!