Update packages/ember-template-compiler/lib/system/compile-options.ts

Co-authored-by: Godfrey Chan <[email protected]>
emberjs · Jan 14, 2021 · c874f15 · c874f15
1 parent ba57d78
commit c874f15
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/ember-template-compiler/lib/system/compile-options.ts b/packages/ember-template-compiler/lib/system/compile-options.ts
@@ -22,7 +22,7 @@ export default function compileOptions(
     {
       customizeComponentName(tagname: string): string {
         assert(
-          `Malformed component lookup in "${_options.moduleName}". Got <${tagname} /> but you must use "::" to indicate a lookup`,
+          `You tried to invoke a component named <${tagname} /> in "${_options.moduleName}", but that is not a valid name for a component. Did you mean to use the "::" syntax for nested components?`,
           !malformedComponentLookup(tagname)
         );
 

diff --git a/packages/ember-template-compiler/tests/system/compile_options_test.js b/packages/ember-template-compiler/tests/system/compile_options_test.js
@@ -20,7 +20,7 @@ moduleFor(
 
       expectAssertion(() => {
         options.customizeComponentName('Foo:Bar');
-      }, /Malformed component lookup in "test.js". Got <Foo:Bar \/> but you must use "::" to indicate a lookup/);
+      }, /You tried to invoke a component named <Foo:Bar \/> in "test.js", but that is not a valid name for a component. Did you mean to use the "::" syntax for nested components\?/);
 
       assert.ok(options.customizeComponentName('Foo::Bar'));
     }