Hello @schalkneethling
hope that everything going fine with
glad to see some official review here after @chrisdavidmills so we can learn more
some user report some issue related to the tools and testing section
Any codebase past a certain level of complexity needs to have a system of tests associated with it, to make sure that as new code is added, the codebase continues to function correctly and performantly, and continues to meet the users' needs. This...
here are one of them
I think I finally found the fix.
tldr: Follow the instructions as provided but before running the transformation with npx parcel src/index.html, add "postcss-preset-env": "^6.7.0", to package.json.
Long version
I repeated the steps in the instructions of Introducing a complete a toolchain too many times to count. I worried I must be making an error in copying somewhere but even copy/pasting commands and file content repeated the same errors. I posted here and to Stackoverflow seeking guidanceā¦
the issue related that it use old version of the tools which make conflict if user used new version like when installing dependency without specify the version which install the latest version by default and the issue start from that point
so if you have time could you or someone else reviews this section and check if all example working with the new version or at least change the installation to specify the version to be installed
thanks for your time and have a nice day
2 Likes
Hey @justsomeone ! Thank you for bringing this to my attention. I will have a look.
2 Likes
mikoMK
(Michael Koch)
April 15, 2022, 4:06pm
3
For this particular case thereās an issue at mdn/content:
opened 12:55PM - 29 Jan 22 UTC
closed 05:13PM - 11 Jun 24 UTC
help wanted
effort: small
Content:Learn:Client-side
MDN URL: https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Undersā¦ tanding_client-side_tools/Introducing_complete_toolchain
#### What information was incorrect, unhelpful, or incomplete?
There is an issue with instructions that result in the project failing to build/transform. I have troubleshooted the issue to what appears to be a problem with postcss-preset-env versions.
#### Specific section or headline?
The instructions throughout this chapter lead to the resultant error. Need to run the fix prescribed in linked comment before the **Running the transformation** step.
#### What did you expect to see?
Not encounter errors, build succeeds and resultant page is accessible.
#### Did you test this? If so, how?
Yes. See this [comment](https://discourse.mozilla.org/t/help-needed-with-introducing-a-complete-toolchain/88832/16?u=horusofoz) in a thread on the MDN Discourse forum to see the troubleshooting and workaround/fix. I expect those familiar with npm and relevant packages will find a more exact fix but that referenced does work in the interim.
<details>
<summary>MDN Content page report details</summary>
* Folder: `en-us/learn/tools_and_testing/understanding_client-side_tools/introducing_complete_toolchain`
* MDN URL: https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Introducing_complete_toolchain
* GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/learn/tools_and_testing/understanding_client-side_tools/introducing_complete_toolchain/index.md
* Last commit: https://github.com/mdn/content/commit/07453ac2b659a397b0fee921fa71db5488e9ca62
* Document last modified: 2021-10-08T14:43:33.000Z
</details>
In general, there are several similar issues about outdated code when looking at the āContent:Learn:Client-sideā label on GitHub:
1 Like
thanks for you @schalkneethling
thanks @mikoMK
1 Like