cannot identified the prompts.js as a function？？ about stencil HOT 17 CLOSED

The fix for npm run generate not running properly was a part of today's v4.17.1 release. If you're experiencing this bug on v4.17.0, please upgrade to v4.17.1.

from stencil.

Yes. you are right!!! sincerely thanks!!!!

from stencil.

Hey @MaybeSomeone 👋

Thanks for the error report! Can you do me a favor and provide some additional details for us?

• Can you make your reproduction URL public? I can't seem to access it
• Can you tell us what Operating System you're using, version of Node, and the output of npx stencil info?

Thanks!

from stencil.

Hello i have provide the url, but i just init project by export web component use, and then i execute npm run generate.

from stencil.

System: node 21.7.1
Platform: darwin (21.6.0)
CPU Model: Intel(R) Core(TM) i7-4770HQ CPU @ 2.20GHz (8 cpus)
Compiler: /Users/super/Desktop/WebComponents/weathercomponent/node_modules/@stencil/core/compiler/stencil.js
Build: 1713808785
Stencil: 4.17.0 ♨️
TypeScript: 5.4.5
Rollup: 2.56.3
Parse5: 7.1.2
jQuery: 4.0.0-pre
Terser: 5.30.3

from stencil.

Thanks! I wasn't able to quite replicate it, but I think I know what's happening here. I see npm run generate in the component starter just failing on my end (no error, no warning). I think I have a solution - could you try installing this dev build and let me know if it fixes it for you?

npm i @stencil/[email protected]

from stencil.

Ok i'll try and i change for another macbook can replicate it.

from stencil.

Hello how can i generate target component? it need me input the Component tag name, but export no relative components.

from stencil.

I don't know how to choose the target component or export all exist components.

from stencil.

You can generate a component with

npm run generate new-component

and select any css/test files to be generated.

I'm not sure I understand this part:

export no relative components.

from stencil.

yes i have, but seems absolutely a new components different with that exist component.tsx file.

from stencil.

Can you let me know how they differ?

from stencil.

generate code

import { Component, Host, h } from '@stencil/core';

@Component({
  tag: 'component-set',
  styleUrl: 'component-set.css',
  shadow: true,
})
export class ComponentSet {

  render() {
    return (
      <Host>
        <slot></slot>
      </Host>
    );
  }

}

origin

import { Component, Prop, h } from '@stencil/core';
import { format } from '../../utils/utils';

@Component({
  tag: 'my-component',
  styleUrl: 'my-component.css',
  shadow: true,
})
export class MyComponent {
  /**
   * The first name
   */
  @Prop() first: string;

  /**
   * The middle name
   */
  @Prop() middle: string;

  /**
   * The last name
   */
  @Prop() last: string;

  private getText(): string {
    return format(this.first, this.middle, this.last);
  }

  render() {
    return <div>Hello, World! I'm {this.getText()}</div>;
  }
}

from stencil.

That is the expected output for the generate command - were you expecting something different?

from stencil.

i want generate a WebComponent can be use in html directly.

from stencil.

ok. i check the document i think i misunderstood...........

from stencil.

Okay, I understand now. Thanks! Stencil's generate command does not generate a web component to use in HTML directly - you have to run the build command (npm run build in the component starter, or npx stencil build) in order to compile the TSX file to JS

from stencil.