Error running Angular app: "let-" is only supported on ng-template elements

angular cli
install angular 7
the build command requires to be run in an angular project
the new command requires to be run outside of a project, but a project definition was found at
install angular 6
how to run existing angular project
angular cli version
basic angular app

I update all packages to Angular 5 , but when i try to get localhost:4200 and in console i have an error:

    Uncaught Error: Template parse errors:
"let-" is only supported on ng-template elements. ("<template #innerView></template>
<template #template [ERROR ->]let-ctx>
    <template [swapCmp]="ctx.component" [swapCmpBindings]="ctx.bindings" [swapCmpProjectable"): ng:///ModalModule/ModalOverlay.html@1:20
    at syntaxError (webpack-internal:///./node_modules/@angular/compiler/esm5/compiler.js:684)
    at TemplateParser.parse (webpack-internal:///./node_modules/@angular/compiler/esm5/compiler.js:24530)
    at JitCompiler._parseTemplate (webpack-internal:///./node_modules/@angular/compiler/esm5/compiler.js:33917)
    at JitCompiler._compileTemplate (webpack-internal:///./node_modules/@angular/compiler/esm5/compiler.js:33892)
    at eval (webpack-internal:///./node_modules/@angular/compiler/esm5/compiler.js:33794)
    at Set.forEach (<anonymous>)
    at JitCompiler._compileComponents (webpack-internal:///./node_modules/@angular/compiler/esm5/compiler.js:33794)
    at eval (webpack-internal:///./node_modules/@angular/compiler/esm5/compiler.js:33664)
    at Object.then (webpack-internal:///./node_modules/@angular/compiler/esm5/compiler.js:673)
    at JitCompiler._compileModuleAndComponents (webpack-internal:///./node_modules/@angular/compiler/esm5/compiler.js:33663)

webpack: Compiled successfully in console.

What can be the problem?

It looks like old version of Angular

The error clearly says "let-" is only supported on ng-template elements. So if you are using let in any other element instead of ng-template,then you will be getting this error. And you are using let in template, then please change the template element to ng-template for Angular-5

Angular applications —error handling and elegant recovery, When we started to design our enterprise client, we asked our UX designer to give us some design tips on how to handle errors from the back-end server in the​  Doesn't work in an NX workspace as the app with browserslistand tsconfig.* is in apps/app-name while angular.json is in the workspace root. Ran this in the app's folder and still saved some time having to manually edit only angular.json .

ng-template is Angular4.

Try template instead of ng-template

How to Solve the Angular NPM Error, This article shows how to solve the NPM error, 'error package install the user creates a new project in Angular using Node.js using VS code. Open cmd and run the following command to verify your NPM cached memory. If deploying to the root, run the Angular CLI build command: If deploying to a path beneath the root, run the Angular CLI build command with the base-href option set to the name of application directory. The base-href option modifies the base element in the index.html, so it looks as follows.

For me help is to uninstall angular2 -modal and install ngx-modialog, and than change packages in project.

Setting up the local environment and workspace, Step 3: Run the applicationlink. The Angular CLI includes a server, so that you can easily build and serve your app locally. Go to the workspace folder (  Use ‘-port’ to specify a different port error occures sometimes when we run our angular app using ng serve That means there is another existing service already running on port 4200.

Using Angular with Visual Studio 2015, It uses the starter Angular application created by the CLI command ng new as an the Output window ( View | Output ) to watch the npm commands execute. see the problem right away if you refresh the browser or paste a link to an app  The project template creates an ASP.NET Core app and an Angular app. The ASP.NET Core app is intended to be used for data access, authorization, and other server-side concerns. The Angular app, residing in the ClientApp subdirectory, is intended to be used for all UI concerns. Add pages, images, styles, modules, etc.

Use the Angular project template with ASP.NET Core, NET Core apps using Angular and the Angular CLI to implement a rich, Open the generated .csproj file, and run the app as normal from there. library you reference) tries to use these APIs, you'll get an error during SSR. This command will create a new folder with your project's name (in this case APP_NAME ), scaffold a new Angular application inside of it, and then install all required dependencies. Running projects (with livereload) Make sure you're in the project's root directory and then run: Building projects for production.

Common Angular Errors, to run `npm install`. Our Angular applications use a bunch of 3rd-party libraries. To solve this error, run npm install from the project folder. An Angular application comprises a tree of components, in which each Angular component has a specific purpose and responsibility. Currently, the example app has three components: app-root (orange box) is the application shell.

Comments
  • are you using <template #template></template> instead of <ng-template #template></ng-template>?
  • That is not the problem with Angular version, problem with code
  • Have you modified polyfills.ts at all?
  • I should change template to ng-template on html?
  • @HardExploder Exactly
  • @ Ramesh Rajendran not helped
  • Yes For me help is to uninstall angular2 -modal and install ngx-modialog, and than change packages in project.
  • @HardExploder Could you please update your HTML code in your question?