question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

inspector breaks for Glimmer Components containing {{link-to}}

See original GitHub issue

Instructions 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:closed
  • Created 4 years ago
  • Comments:12 (9 by maintainers)

github_iconTop GitHub Comments

1reaction
rwwagner90commented, Apr 23, 2019

@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.

0reactions
chancancodecommented, Dec 19, 2019

Should be fixed by #1088 in the next release.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found