Angular 2基本应用程序不起作用答案

【问题标题】：Angular 2 basic app not workingAngular 2基本应用程序不起作用
【发布时间】：2017-08-09 13:59:44
【问题描述】：

我是 Angular2 的新手。我试图使用此参考设置 Angular 2：https://github.com/angular/quickstart。但不幸的是，我无法运行我的基本应用程序。我已经安装了 npm。在运行“npm start”时，我在命令提示符下得到以下输出：

`E:\Extrawork\Angular>npm start
> angular-quickstart@1.0.0 prestart E:\Extrawork\Angular
> npm run build
> angular-quickstart@1.0.0 build E:\Extrawork\Angular
> tsc -p src/
> angular-quickstart@1.0.0 start E:\Extrawork\Angular
> concurrently "npm run build:watch" "npm run serve"
[0]
[0] > angular-quickstart@1.0.0 build:watch E:\Extrawork\Angular
[0] > tsc -p src/ -w
[0]
[1]
[1] > angular-quickstart@1.0.0 serve E:\Extrawork\Angular
[1] > lite-server -c=bs-config.json
[1]
[1] ** browser-sync config **
[1] { injectChanges: false,
[1]   files: [ './**/*.{html,htm,css,js}' ],
[1]   watchOptions: { ignored: 'node_modules' },
[1]   server:
[1]    { baseDir: 'src',
[1]      middleware: [ [Function], [Function] ],
[1]      routes: { '/node_modules': 'node_modules' } } }
[0] 4:59:12 PM - Compilation complete. Watching for file changes.
`

到此为止。我确实等了 20-30 分钟，但它没有继续。谁能告诉我我做错了什么，拜托？

【问题讨论】：

尝试在项目文件夹中运行 ng serve 看看它会给你什么
删除你的 node_modules 文件夹并再次运行npm install。
谢谢你们的回复。我已经删除了我的 node_module 文件夹并再次安装，但我没有找到任何运气。我在安装 npm 时收到以下警告。 npm WARN optional Skipping failed optional dependency /chokidar/fsevents: npm WARN notsup 与您的操作系统或架构不兼容：fseve nts@1.1.1 您认为安装有什么问题吗？
@radtelbi : 我在运行 ng serve 命令时出错E:\Extrawork\Angular>ng serve Cannot read property 'config' of null TypeError: Cannot read property 'config' of null at Class.run (E:\Extrawork\Angular\node_modules\@angular\cli\tasks\serve.js: 22:63) at check_port_1.checkPort.then.port (E:\Extrawork\Angular\node_modules\@angu lar\cli\commands\serve.js:103:26) at process._tickCallback (internal/process/next_tick.js:109:7)
@Mitul 有些人遇到与您相同的问题，建议这是一个 angular-cli 问题，请尝试以下操作：卸载 angular cli：npm uninstall -g angular-cli 重新安装它：npm install -g angular-cli@webpack 创建您的新项目ng new projectname 将您移动到新创建的目录 cd projectname 然后 ng serve

标签： angular npm-start

【解决方案1】：

这让我吓坏了，伙计们！我确实再次设置它以与节点集成以构建一个基本的 MEAN 应用程序，它再次给了我同样的错误。太疯狂了！！！幸运的是，我在 youtube 上进行了设置，我发现这个视频也出现了同样的错误：https://www.youtube.com/watch?v=MWsrJ2T6GFM。但该应用程序仍然能够执行。我想过尝试，它也对我有用！
如果它发生在你身上，那么我建议你尝试执行一次，即使它给你一个警告。它可能会起作用。

【讨论】：

【解决方案2】：

我建议您使用Angular Cli 这将为您生成文件并将新文件添加到必要的文件中，例如

模块.ts

也适合你此外，它还有一些命令可以分析您的代码并指出您运行它时可能出现的错误并提出更改建议

【讨论】：

谢谢你们，我不明白出了什么问题，但我已经重新安装了我的节点和 npm，并按照上面链接中提到的 Angular-Cli 步骤进行了操作！