TS1219 Experimental support for decorators is a feature that is subject to change in a future release


                                  Angular 2


When we compile the  angular 2 application , most of the time we got the following error like


Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option to remove this warning.

As we know ,when we  run the Angular 2 application , the typescript compiler 'tsc' get called to execute the typescript(.ts) file. We configure the tsconfig.json file to configure the tsc compiler .

Generally the settings of the tsconfig.json file is

  {
  "compilerOptions": {
    "target": "es6",
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules",
    "typings/main.d.ts",
    "typings/main"
  ]
}

Solutions :

So to fix the above issue we need to set the "experimentalDecorators" to "true" and finally the the configuration settings will be like this

{
  "compilerOptions": {
    "target": "es6",
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules",
    "typings/main.d.ts",
    "typings/main"
  ]
}

Hope this will be helpful.



Please Please have some comments if it is helpful . Thanks in advance.


Comments

Post a Comment

Popular posts from this blog

Unable to load one or more breakpoints in Visual studio.

Image
Those who are working on Visual studio IDE they might have faced this type of error while opening any existing project . Sometimes by rebuild the solution or removing the break points the issue is get resolved .  So this problem/ issue is caused due to various reason but among those reason one of them is worked for me .  Here is my solutions. It worked for me . Please follow my steps. Step 1:    Please go to the physical folders/files of your solution . Just right click of the solution and from the options choose "Open Folder is File Explorer". Please check the attached Image. Please click on Image to view it properly Step 2:     Then you will see the files like this. Then please check the if the "Hide Items" checkbox is checked or not . If not checked please check that one. Then you will   see .vs folder .                               Please click on Im...
Read more

Enable CORS in Web Api.

    Generally while we are working with Asp.net Web API , we expose the Web Api by self hosting or host it in different domain or different server .  So CORS (Cross Origin Resource Sharing) comes into play , while we access any Web Api from any other servers or domain which is different from the origin domain . Let me explain it by an example. Suppose my application is running on "http://localhost:61375/". But my Web Api is running on "http://localhost:4000/" . So while we try to access the wep api from the application then we will get an error regarding the CORS . So to make enable the Web Api to accept the request we have to add this few lines of code in WebApiConfig file .  Please add this code inside the Register method. var cors = new EnableCorsAttribute( "http://localhost:61375/" , "*" , "*" ); config.EnableCors(cors);   If you want to allow any request to the Web Api then you can write the following lines ...
Read more

The input is not a valid Base-64 string as it contains a non-base 64 character, more than two padding characters, or an illegal character among the padding characters.

I was trying to upload a file in client side and sending back the data from the client to Web API controller by angular service . Step 1 : I was doing it by. (It was bot the complete code )   function saveFile(file, cb) {     var readerObj = new FileReader();     readerObj .readAsDataURL(file);     readerObj .onload = function () {         savedFileDataAsBase64Format(readerObj .result, file.name,cb);     };     readerObj .onerror = function (error) {         alert("Error in uploading the file.");     }; Step 2 :     This is my Web api controller action method.        [HttpPost]         [Route("api/FileInput/SaveBase64FileData/{fileName}")]         public void SaveBase64FileData(string fileName, [FromBody]string fileData)         {     ...
Read more