str.match is not a function

[Mark]

Seeing the above error when trying to render any angualr control inside and ng-template as e-pane content. Even the samples do not work. Any help would be appreciated.

Have not had issues rendering other controls.

Cheers

Mark

Code and markup is as in the linl splitter example code

Error

ERROR TypeError: str.match is not a function

    at evalExp (vendor.js:171639)

    at compile (vendor.js:171626)

    at Object.push../node_modules/@syncfusion/ej2-angular-layouts/node_modules/@syncfusion/ej2-base/src/template-engine.js.Engine.compile (vendor.js:171555)

    at compile (vendor.js:171514)

    at SplitterComponent.push../node_modules/@syncfusion/ej2-angular-layouts/node_modules/@syncfusion/ej2-layouts/src/splitter/splitter.js.Splitter.compileElement (vendor.js:176448)

    at SplitterComponent.push../node_modules/@syncfusion/ej2-angular-layouts/node_modules/@syncfusion/ej2-layouts/src/splitter/splitter.js.Splitter.templateCompile (vendor.js:176432)

    at SplitterComponent.push../node_modules/@syncfusion/ej2-angular-layouts/node_modules/@syncfusion/ej2-layouts/src/splitter/splitter.js.Splitter.setTemplate (vendor.js:176427)

    at SplitterComponent.push../node_modules/@syncfusion/ej2-angular-layouts/node_modules/@syncfusion/ej2-layouts/src/splitter/splitter.js.Splitter.createSplitPane (vendor.js:176489)

    at SplitterComponent.push../node_modules/@syncfusion/ej2-angular-layouts/node_modules/@syncfusion/ej2-layouts/src/splitter/splitter.js.Splitter.render (vendor.js:175362)

    at SplitterComponent.push../node_modules/@syncfusion/ej2-angular-layouts/node_modules/@syncfusion/ej2-base/src/component.js.Component.appendTo (vendor.js:166124)

[Vinoth Kumar Sundara Moorthy]

Hi Mark,  

  

Thank you for contacting Syncfusion support.  

  

We were able to reproduce the reported issues while using ng-template content in Splitter panes. This issue occurs due to installing duplicate packages in your application. We suggest you to run the below command to remove the duplicate packages and re-run the application to resolve this issue.  

  

> npm dedupe  

   

Documentation link: https://ej2.syncfusion.com/angular/documentation/common/how-to/update-npm-package/  

  

Could you please check the above documentation and get back to us if you need any further assistance on this?  

   

Regards,  

Vinoth Kumar S  

[Jeremy Jacob]

I'm getting a similar problem - tried the npm dedup but no change..

core.js:15714 ERROR TypeError: str.match is not a function

    at evalExp (template.js:65)

    at compile (template.js:52)

    at Object.Engine.compile (template-engine.js:57)

    at compile (template-engine.js:16)

    at ScheduleComponent.Schedule.templateParser (schedule.js:687)

    at ScheduleComponent.Schedule.initializeTemplates (schedule.js:288)

    at ScheduleComponent.Schedule.initializeView (schedule.js:280)

    at ScheduleComponent.Schedule.renderElements (schedule.js:140)

    at ScheduleComponent.Schedule.initializeResources (schedule.js:119)

    at ScheduleComponent.Schedule.render (schedule.js:109)

[Nevitha Ravi]

Hi Jeremy, 

Greetings from Syncfusion Support. 

We have checked the reported problem at our end and unable to reproduce it at our end. Please refer the sample from the following link. 

https://stackblitz.com/edit/angular-2uh5wm-qscatr?file=app.component.html  

Please try out the sample if the issue persist still kindly share the code snippets you have tried else try to reproduce the issue in a sample to check the issue further at our end. 

Regards, 

Nevitha 

[Emanuele]

Seeing the above error when trying to render any angualr control inside and ng-template as e-pane content. Even the samples do not work. Any help would be appreciated.

Have not had issues rendering other controls.

Cheers

Mark

Code and markup is as in the linl splitter example code

Error

ERROR TypeError: str.match is not a function

    at evalExp (vendor.js:171639)

    at compile (vendor.js:171626)

    at Object.push../node_modules/@syncfusion/ej2-angular-layouts/node_modules/@syncfusion/ej2-base/src/template-engine.js.Engine.compile (vendor.js:171555)

    at compile (vendor.js:171514)

    at SplitterComponent.push../node_modules/@syncfusion/ej2-angular-layouts/node_modules/@syncfusion/ej2-layouts/src/splitter/splitter.js.Splitter.compileElement (vendor.js:176448)

    at SplitterComponent.push../node_modules/@syncfusion/ej2-angular-layouts/node_modules/@syncfusion/ej2-layouts/src/splitter/splitter.js.Splitter.templateCompile (vendor.js:176432)

    at SplitterComponent.push../node_modules/@syncfusion/ej2-angular-layouts/node_modules/@syncfusion/ej2-layouts/src/splitter/splitter.js.Splitter.setTemplate (vendor.js:176427)

    at SplitterComponent.push../node_modules/@syncfusion/ej2-angular-layouts/node_modules/@syncfusion/ej2-layouts/src/splitter/splitter.js.Splitter.createSplitPane (vendor.js:176489)

    at SplitterComponent.push../node_modules/@syncfusion/ej2-angular-layouts/node_modules/@syncfusion/ej2-layouts/src/splitter/splitter.js.Splitter.render (vendor.js:175362)

    at SplitterComponent.push../node_modules/@syncfusion/ej2-angular-layouts/node_modules/@syncfusion/ej2-base/src/component.js.Component.appendTo (vendor.js:166124)

Good morning, I found myself having the same problem mentioned by Mark. I followed the instructions indicated, although in truth I use Yarn and not NPM, failing to solve the problem could you help me?

Thanks a lot.

[Narayanasamy Panneer Selvam]

Hi Mark,

Thanks for your update. 

To resolve your issue, We suggest you run the below command to remove the duplicate packages and re-run the application.    

> yarn install –flat  

Documentation link: https://yarnpkg.com/en/docs/cli/install#toc-yarn-install-flat   

Stack overflow link : https://stackoverflow.com/questions/40197674/is-there-a-yarn-equivalent-for-npm-dedupe  

If still the reported issue reproduced, please let us know with the sample or package.json file you have used in application. 

Regards, 

Narayanasamy P. 

[Pedro Antonio]

Hi, I got the same error but for me works downgrade from 17.2.* to 17.1.* 

here is the list

"@syncfusion/ej2-base": "17.1.49",

"@syncfusion/ej2-buttons": "17.1.50",

"@syncfusion/ej2-splitbuttons": "17.1.51",

"@syncfusion/ej2-calendars": "17.1.51",

"@syncfusion/ej2-charts": "17.1.51",

"@syncfusion/ej2-diagrams": "17.1.50",

"@syncfusion/ej2-maps": "17.1.51",

"@syncfusion/ej2-treemap": "17.1.48",

"@syncfusion/ej2-circulargauge": "17.1.50",

"@syncfusion/ej2-data": "17.1.51",

"@syncfusion/ej2-dropdowns": "17.1.49",

"@syncfusion/ej2-grids": "17.1.51",

"@syncfusion/ej2-inputs": "17.1.50",

"@syncfusion/ej2-lists": "17.1.47",

"@syncfusion/ej2-navigations": "17.1.49",

"@syncfusion/ej2-popups": "17.1.50",

"@syncfusion/ej2-lineargauge": "17.1.48",

"@syncfusion/ej2-pdf-export": "17.1.48",

"@syncfusion/ej2-compression": "17.1.47",

"@syncfusion/ej2-excel-export": "17.1.50",

"@syncfusion/ej2-file-utils": "17.1.47",

"@syncfusion/ej2-svg-base": "17.1.48",

"@syncfusion/ej2-documenteditor": "17.1.50",

"@syncfusion/ej2-richtexteditor": "17.1.49",

"@syncfusion/ej2-notifications": "17.1.48",

"@syncfusion/ej2-heatmap": "17.1.47",

"@syncfusion/ej2-pivotview": "17.1.49",

"@syncfusion/ej2-schedule": "17.1.51",

"@syncfusion/ej2-layouts": "17.1.51",

"@syncfusion/ej2-angular-base": "17.1.50",

"@syncfusion/ej2-angular-buttons": "17.1.50",

"@syncfusion/ej2-angular-splitbuttons": "17.1.51",

"@syncfusion/ej2-angular-calendars": "17.1.51",

"@syncfusion/ej2-angular-charts": "17.1.51",

"@syncfusion/ej2-angular-diagrams": "17.1.50",

"@syncfusion/ej2-angular-maps": "17.1.51",

"@syncfusion/ej2-angular-treemap": "17.1.48",

"@syncfusion/ej2-angular-circulargauge": "17.1.50",

"@syncfusion/ej2-angular-dropdowns": "17.1.49",

"@syncfusion/ej2-angular-grids": "17.1.51",

"@syncfusion/ej2-angular-inputs": "17.1.50",

"@syncfusion/ej2-angular-lists": "17.1.47",

"@syncfusion/ej2-angular-navigations": "17.1.49",

"@syncfusion/ej2-angular-popups": "17.1.50",

"@syncfusion/ej2-angular-lineargauge": "17.1.48",

"@syncfusion/ej2-angular-documenteditor": "17.1.50",

"@syncfusion/ej2-angular-richtexteditor": "17.1.49",

"@syncfusion/ej2-angular-notifications": "17.1.48",

"@syncfusion/ej2-angular-heatmap": "17.1.47",

"@syncfusion/ej2-angular-pivotview": "17.1.49",

"@syncfusion/ej2-angular-schedule": "17.1.51",

"@syncfusion/ej2-angular-layouts": "17.1.51",

[Narayanasamy Panneer Selvam]

Hi Mark, 

  

Currently we are validating your problem, we will update on this shortly. We appreciate your patience until then. 

  

Regards, 

Narayanasamy P. 

[Joachim Heck]

Same problem here -  we also receive the str.match error on grid component.

ERROR TypeError: str.match is not a function

    at evalExp (template.js:67)

    at compile (template.js:54)

    at Object.push../node_modules/@syncfusion/ej2-grids/node_modules/@syncfusion/ej2-base/src/template-engine.js.Engine.compile (template-engine.js:124)

    at compile (template-engine.js:21)

    at templateCompiler (util.js:165)

    at new Column (column.js:138)

    at prepareColumns (util.js:221)

    at GridComponent.push../node_modules/@syncfusion/ej2-grids/src/grid/base/grid.js.Grid.render (grid.js:713)

    at GridComponent.push../node_modules/@syncfusion/ej2-grids/node_modules/@syncfusion/ej2-base/src/component.js.Component.appendTo (component.js:134)

    at component-base.js:100

ERROR TypeError: Cannot read property 'getPanel' of undefined

    at GridComponent.push../node_modules/@syncfusion/ej2-grids/src/grid/base/grid.js.Grid.getContent (grid.js:1330)

    at Render.push../node_modules/@syncfusion/ej2-grids/src/grid/renderer/render.js.Render.refreshDataManager (render.js:166)

    at GridComponent. (render.js:100)

    at GridComponent.push../node_modules/@syncfusion/ej2-angular-base/src/component-base.js.ComponentBase.trigger (component-base.js:204)

    at Render.push../node_modules/@syncfusion/ej2-grids/src/grid/renderer/render.js.Render.refresh (render.js:77)

    at GridComponent.push../node_modules/@syncfusion/ej2-grids/src/grid/base/grid.js.Grid.extendedPropertyChange (grid.js:1124)

    at GridComponent.push../node_modules/@syncfusion/ej2-grids/src/grid/base/grid.js.Grid.onPropertyChanged (grid.js:994)

    at GridComponent.push../node_modules/@syncfusion/ej2-grids/node_modules/@syncfusion/ej2-base/src/base.js.Base.dataBind (base.js:103)

    at GridComponent.push../node_modules/@syncfusion/ej2-grids/node_modules/@syncfusion/ej2-base/src/component.js.Component.dataBind (component.js:143)

    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)

after updating to 17.2 version from 17.1

"@syncfusion/ej2-angular-barcode-generator": "^17.2.34",
"@syncfusion/ej2-angular-buttons": "^17.2.35",
"@syncfusion/ej2-angular-calendars": "^17.2.36",
"@syncfusion/ej2-angular-charts": "^17.2.36",
"@syncfusion/ej2-angular-dropdowns": "^17.2.36",
"@syncfusion/ej2-angular-grids": "^17.2.40",
"@syncfusion/ej2-angular-inputs": "^17.2.39",
"@syncfusion/ej2-angular-navigations": "^17.2.39",
"@syncfusion/ej2-angular-popups": "^17.2.35",
"@syncfusion/ej2-angular-splitbuttons": "^17.2.39",
"@syncfusion/ej2-grids": "^17.2.40",
"@syncfusion/ej2-layouts": "^17.2.39",
"@syncfusion/ej2-navigations": "^17.2.40",

[jose lara]

I am also seeing the same errors.

ERROR TypeError: str.match is not a function

    at evalExp (template.js:67)

    at compile (template.js:54)

    at Object.push../node_modules/@syncfusion/ej2-grids/node_modules/@syncfusion/ej2-base/src/template-engine.js.Engine.compile (template-engine.js:124)

    at compile (template-engine.js:21)

    at templateCompiler (util.js:165)

    at new Column (column.js:138)

    at prepareColumns (util.js:221)

    at GridComponent.push../node_modules/@syncfusion/ej2-grids/src/grid/base/grid.js.Grid.render (grid.js:713)

    at GridComponent.push../node_modules/@syncfusion/ej2-grids/node_modules/@syncfusion/ej2-base/src/component.js.Component.appendTo (component.js:134)

    at component-base.js:100

ERROR TypeError: Cannot read property 'getPanel' of undefined

    at GridComponent.push../node_modules/@syncfusion/ej2-grids/src/grid/base/grid.js.Grid.getContent (grid.js:1330)

    at Render.push../node_modules/@syncfusion/ej2-grids/src/grid/renderer/render.js.Render.refreshDataManager (render.js:166)

    at GridComponent. (render.js:100)

    at GridComponent.push../node_modules/@syncfusion/ej2-angular-base/src/component-base.js.ComponentBase.trigger (component-base.js:204)

    at Render.push../node_modules/@syncfusion/ej2-grids/src/grid/renderer/render.js.Render.refresh (render.js:77)

    at GridComponent.push../node_modules/@syncfusion/ej2-grids/src/grid/base/grid.js.Grid.extendedPropertyChange (grid.js:1124)

    at GridComponent.push../node_modules/@syncfusion/ej2-grids/src/grid/base/grid.js.Grid.onPropertyChanged (grid.js:994)

    at GridComponent.push../node_modules/@syncfusion/ej2-grids/node_modules/@syncfusion/ej2-base/src/base.js.Base.dataBind (base.js:103)

    at GridComponent.push../node_modules/@syncfusion/ej2-grids/node_modules/@syncfusion/ej2-base/src/component.js.Component.dataBind (component.js:143)

    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)

[Vinoth Kumar Sundara Moorthy]

Hi Jose,  

 

Good day to you. 

 

We suspect that some duplicate packages might be installed in your ‘@syncfusion’ folder of ‘node_modules’. Please follow the steps provided in the following the below steps to overcome the reported behavior.  

 

1.       Delete package.lock.json file from your application. 

2.       Remove the @syncfusion  package folder from the node_modules. 

3.       Use same version for all components in package.json file. 

4.       Then install the new packages. 

  

UG Link: https://ej2.syncfusion.com/angular/documentation/common/how-to/update-npm-package/?_ga=2.135707701.581640973.1558328830-645014890.1530600776 

  

Could you please follow the above step and get back to us with package.lock.json file if you still facing the same problem? 

  

Regards,  

Vinoth Kumar S 

[jose lara]

Hi thanks for the response.The error went away, but my grid toolbar isn't visible. Double clicking a row also does not open the editor window. I don't have a way of getting to the edit or add window. I've attached the package-lock.json as requested. This is the code I am using in my project- https://ej2.syncfusion.com/angular/demos/#/material/grid/dialog-reactive-form

Attachment: packagelock.json_91e503d.zip

[jose lara]

can you please respond? I am waiting for your response.

[Pavithra Subramaniyam]

Hi Jose, 

Sorry for the delay. 

We have checked your query and We suspect that you may miss to refer the style for EJ2 toolbar and Dialog component. So please ensure to refer the all dependency styles in your application to overcome the reported behavior. 

Documentation: https://ej2.syncfusion.com/angular/documentation/grid/getting-started/#adding-css-reference 

Sample               : https://stackblitz.com/edit/angular-fnqamt-itqcyx?file=app/app.module.ts 

If you are still facing the issue please share the below details that will be helpful for us to provide a better solution as early as possible. 

1. Share the stack trace if any script error
2. Share the issue reproducible sample.

Regards, 

Pavithra S. 

[jose lara]

thx. I forgot to include providers and it works now-  providers: [ToolbarService, EditService, PageService]

[Pavithra Subramaniyam]

Hi jose, 

Thanks for your update. 

Please get back to us if you need any further assistance. 

Regards, 

Pavithra S. 

[Ervin van der Merwe]

Hi Jose,  

 

Good day to you. 

 

We suspect that some duplicate packages might be installed in your ‘@syncfusion’ folder of ‘node_modules’. Please follow the steps provided in the following the below steps to overcome the reported behavior.  

 

1.       Delete package.lock.json file from your application. 

2.       Remove the @syncfusion  package folder from the node_modules. 

3.       Use same version for all components in package.json file. 

4.       Then install the new packages. 

  

UG Link: https://ej2.syncfusion.com/angular/documentation/common/how-to/update-npm-package/?_ga=2.135707701.581640973.1558328830-645014890.1530600776 

  

Could you please follow the above step and get back to us with package.lock.json file if you still facing the same problem? 

  

Regards,  

Vinoth Kumar S 

This sorted it out. Thanks

[Pavithra Subramaniyam]

Hi Ervin, 

 

Thanks for you update. 

We are glad to know that the provided solution resolved the issue. 

Please contact us if you have any concern. 

 

Regards, 

Pavithra S. 

[RakhiS]

worked for me as well.

[Rajapandi Ravi]

Hi RakhiS, 

We are happy to hear that your issue resolved. 

Please get back to us if you need further assistance. 

Regards, 

Rajapandi R 

[Kalyan Kumar]

Followed all the steps, still facing the issue. It is not possible to use the same version to all the syncfusion components. Getting error of no matching version found.

Could you please respond back quickly?

[Rajapandi Ravi]

Hi Kalyan, 

Your reported problem “str.match is not a function” occurs only if duplicate packages are installed in ‘@syncfusion’ folder of ‘node_modules’ in your application. If you are facing the error “Getting error of no matching version found” like this, we suggest you to define ‘*’ instead of defining package version.  So please follow the steps provided below to resolve this,  

• Delete package.lock.json file from your application.  
• Remove the @syncfusion package folder from the node_modules.
• Use same version or “*”(Installs the latest packages) for all Syncfusion components in package.json file.  
• Then install the NPM packages.  

           

Package.json 

 

"dependencies": {  

    "@syncfusion/ej2-angular-grids": "*", 

    "@syncfusion/ej2-base": "*", 

    "@syncfusion/ej2-data": "*", 

     .  .  .  .  .  .  .  . 

     .  .  .  .  .  .  .  . 

  } 

 

Local Grid sample with latest packages for your reference, 

Sample: https://www.syncfusion.com/downloads/support/forum/144809/ze/144809-1994749332.zip 

Please get back to us if you require any further assistance. 

Regards, 

Rajapandi R 

[David]

Rebuilding package.json and synchronising control versions worked for me:

https://www.syncfusion.com/forums/144809/str-match-is-not-a-function?reply=NtIG1A 

Thanks!

[Vignesh Natarajan]

Hi David,  

 

Thanks for the update. We are happy to hear that your issue has been resolved.  

 

Please get back to us if you have further queries. 

 

Regards, 

Vignesh Natarajan