dist-custom-elements docs conflict with scaffolded project

[mjuniper]

I think this is a docs issue but I'm not sure.

The docs for the dist-custom-elements build say that you should set the module property in package.json to:

"module": "dist/components/index.js",

However, when I do that, I get a warning when I attempt to publish the project:

package.json "module" property is set to "dist/components/index.js". It's recommended to set the "moduls" property to: ./dist/index.js.

I can't tell if that warning is coming from stencil or npm.

Also, I notice that when I scaffold a new stencil project with npm init stencil, the resulting project has the dist-custom-elements build enabled but does not have the module property set as prescribed.

[rwaskiewicz]

@mjuniper thanks for the issue report. I think this is a mixture of documentation and potentially something additional.

To get to the bottom of this, can you provide me a copy of your stencil.config.ts file?

[rwaskiewicz]

I think this is bug with Stencil, as well as the output of the CLI. I'm going to move this to the core compiler repo for someone to take a look at

[rwaskiewicz]

The fix for this issue has been officially released as a part of Stencil v2.17.2. As a result, I'm going to close this issue and mark it as completed. If the bug re-appears, please feel free to open a new issue!

[sorozco653]

I am seeing a similar issue on v2.17.2. However, this time the path adds an extra layer of components for the recommended path. I tried both relative and absolute path with no success. Im not sure if this helps, but I dont see the warning when I add the --watch command

[rwaskiewicz]

Thanks @sorozco653 ! Tracking this in #3507