inspector breaks for Glimmer Components containing {{link-to}}
See original GitHub issueInstructions to Reproduce
ember new -b @ember/octane-app-blueprint my-app
cd my-app
ember s
ember g component x-foo
Define the component as follows
app/components/x-foo.js (unaltered)
import Component from '@glimmer/component';
export default class XFooComponent extends Component {
}
app/templates/components/x-foo.hbs
{{link-to 'Go Home' 'index'}}
Finally… open the ember inspector, and select the “Components” tab. The error message below seems to be logged each time the tab is clicked (i.e., alternating back and forth between components and another tab will cause the error to be logged repeatedly)
Is it really the inspector?
The error goes away if the extension is removed, or if the “Components” inspector tab is never used
Versions
Ember Inspector (chrome) v3.6.0 (Updated January 29, 2019) running on Brave v0.62.51 (Chromium: 73.0.3683.103)
package.json
{
"name": "my-app",
"version": "0.0.0",
"private": true,
"description": "Small description for my-app goes here",
"repository": "",
"license": "MIT",
"author": "",
"directories": {
"doc": "doc",
"test": "tests"
},
"scripts": {
"build": "ember build",
"lint:hbs": "ember-template-lint .",
"lint:js": "eslint .",
"start": "ember serve",
"test": "ember test"
},
"devDependencies": {
"babel-eslint": "^8.0.2",
"@ember/optional-features": "^0.7.0",
"@glimmer/component": "^0.14.0-alpha.3",
"broccoli-asset-rev": "^3.0.0",
"ember-auto-import": "^1.2.20",
"ember-cli": "github:ember-cli/ember-cli#1dc682ea479b084d7f03215c6c554138ed4bf76b",
"ember-cli-app-version": "^3.2.0",
"ember-cli-babel": "^7.7.0",
"ember-cli-dependency-checker": "^3.0.0",
"ember-cli-eslint": "^5.0.0",
"ember-cli-htmlbars": "^3.0.0",
"ember-cli-htmlbars-inline-precompile": "^2.0.0",
"ember-cli-inject-live-reload": "^2.0.1",
"ember-cli-sri": "^2.1.1",
"ember-cli-template-lint": "^1.0.0-beta.1",
"ember-cli-uglify": "^2.1.0",
"ember-data": "github:emberjs/data#1df833396855d956b817540923dd89338463fec2",
"ember-export-application-global": "^2.0.0",
"ember-load-initializers": "^2.0.0",
"ember-maybe-import-regenerator": "^0.1.6",
"ember-qunit": "^4.1.2",
"ember-resolver": "^5.1.3",
"ember-source": "https://s3.amazonaws.com/builds.emberjs.com/canary/shas/06c0cd0176e55189f375d25daa7500b05c16e4b1.tgz",
"ember-welcome-page": "^3.2.0",
"eslint-plugin-ember": "^6.0.1",
"eslint-plugin-node": "^8.0.1",
"loader.js": "^4.7.0",
"qunit-dom": "^0.8.0"
},
"engines": {
"node": "6.* || 8.* || >= 10.*"
}
}
yarn.lock
available upon request
Error Message
VM8521:1646 Uncaught TypeError: component.get is not a function
at exports.default.controllerForComponent (<anonymous>:1646:34)
at exports.default.controllerForComponent (<anonymous>:1654:21)
at <anonymous>:1332:38
at Array.forEach (<anonymous>)
at exports.default.componentsForController (<anonymous>:1331:18)
at <anonymous>:1299:31
at Array.map (<anonymous>)
at exports.default.buildComponentTrees (<anonymous>:1298:26)
at exports.default.build (<anonymous>:1219:61)
at Class.viewTree (<anonymous>:4705:33)
Issue Analytics
- State:
- Created 4 years ago
- Comments:12 (9 by maintainers)
Top Results From Across the Web
Glimmer Components - Octane Upgrade Guide - Ember Guides
There's a new component API in Octane! For this section, we'll be focusing on the differences between the new style, known as Glimmer...
Read more >78 links for Components - Ember Links
Comprehensive guide to working with Glimmer components. Article by Chris Garrett on 8th March 2019, in Essential Octane.
Read more >The most up-to-date book to learn Ember Octane - Balint Erdi
Glimmer components, tracked properties, ES6 classes – all the great stuff that makes Octane an amazing developer experience. Is this book for me?...
Read more >Getting Started With Glimmer.js A Quick First Look - YouTube
Glimmer.js is a new JavaScript component library made by the people who brought you Ember.js. In this video I create a simple glimmer...
Read more >How can I use Ember Inspector on a site running Ember 1.0 rc5?
I'm afraid you are out of luck there. The thing with the inspector is that it doesn't go poking into Ember looking at...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@mike-north thanks for the incredibly detailed issue here! Template only components and glimmer components do not currently work with inspector, I don’t think. We definitely will have to figure this out before Octane drops.
Should be fixed by #1088 in the next release.