cannot identified the prompts.js as a function？？

[MaybeSomeone]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Stencil Version

4.7.0

Current Behavior

when i execute npm generate then report a error!! uncaught cli error: TypeError: prompt is not a function, that's why????

Expected Behavior

i hope it can be run as normal

System Info

No response

Steps to Reproduce

just execute npm generate

Code Reproduction URL

https://github.com/MaybeSomeone/weathercomponent

Additional Information

No response

[rwaskiewicz]

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!

[MaybeSomeone]

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

[MaybeSomeone]

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

[rwaskiewicz]

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/core@4.17.0-dev.1713882968.4a08d0e

[MaybeSomeone]

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

[MaybeSomeone]

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

[MaybeSomeone]

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

[rwaskiewicz]

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.

[MaybeSomeone]

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

[rwaskiewicz]

Can you let me know how they differ?

[MaybeSomeone]

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>;
  }
}

[rwaskiewicz]

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

[MaybeSomeone]

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

[MaybeSomeone]

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

[rwaskiewicz]

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

[MaybeSomeone]

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

[rwaskiewicz]

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.