ember.js: [glimmer2] looking up components with dots doesn't work

Last known working version: 2.7

Given the following file:

//app/templates/very/nested/stuff-yall.js
export Ember.Component.extend()

And the following invocation of the component in handlebars:

{{very.nested/stuff-yall}}

The following error occurs in the console:

Error: Mixing '.' and '/' in paths is not supported in Glimmer; use only '.' to separate property paths: "very.nested/stuff-yall" on line 8.

Since this is a component lookup, it could technically have dots in the filename, or that was at least supported in Glimmer 1. To me this is a semver-incompatible change.

We only had one such invocation where the file path didn’t actually include dots, but this seems like a vector for other component lookup stuff to leak into.

Ember Twiddle

About this issue

  • Original URL
  • State: closed
  • Created 8 years ago
  • Comments: 20 (14 by maintainers)

Most upvoted comments

So what is the way forward for people who use the dot syntax?

Rewrite this:

{{#some-folder.some-path}}{{/some-folder.some-path}}

To:

{{#some-folder/some-path}}{{/some-folder/some-path}}