PostCSS error using Fast Serve 1.20.0 on new SPFx 1.20.0 project #150

kbeeveer46 · 2024-09-30T22:16:22Z

EDIT: Added updates in second comment

Created a new SPFx 1.20.0 React webpart using yo @microsoft/sharepoint and ran spfx-fast-serve to initialize it in the project.

Error: PostCSS plugin autoprefixer requires PostCSS 8

I assume it's fast serve related since gulp serve works fine? The error went away when I added postcss as a dev dependency

Output and package.json below

Output

[17:05:42] Node flags detected: --max-old-space-size=8192
[17:05:42] Respawned to PID: 1524
Build target: DEBUG
[17:05:44] Using gulpfile C:\RespositoriesGit\CP\120\gulpfile.js
[17:05:44] Starting 'bundle'...
[17:05:44] Starting gulp
[17:05:44] Starting subtask 'pre-copy'...
[17:05:44] Finished subtask 'pre-copy' after 12 ms
[17:05:44] Starting subtask 'copy-static-assets'...
[17:05:44] Starting subtask 'sass'...
[17:05:45] Finished subtask 'sass' after 320 ms
[17:05:45] Starting subtask 'lint'...
[17:05:45] [lint] eslint version: 8.57.0
[17:05:45] Starting subtask 'tsc'...
[17:05:45] [tsc] typescript version: 4.7.4
[17:05:45] Finished subtask 'copy-static-assets' after 384 ms
[17:05:47] Finished subtask 'tsc' after 2.12 s
[17:05:47] Starting subtask 'save-webpack-config'...
[17:05:47] Finished subtask 'save-webpack-config' after 486 μs
[17:05:48] Finished subtask 'lint' after 3.46 s
[17:05:48] Starting subtask 'post-copy'...
[17:05:48] Finished subtask 'post-copy' after 197 μs
[17:05:48] Starting subtask 'configure-webpack'...
[17:05:48] Finished subtask 'configure-webpack' after 360 ms
[17:05:48] Starting subtask 'webpack'...
[17:05:50] Finished subtask 'webpack' after 1.37 s
[17:05:50] Finished 'bundle' after 5.53 s
[17:05:50] ==================[ Finished ]==================
[17:05:51] Project 120 version:0.0.1
[17:05:51] Build tools version:3.19.0
[17:05:51] Node version:v18.20.2
[17:05:51] Total duration:8.72 s
[17:05:52] [fast-serve] To load your scripts, use this query string: ?debug=true&noredir=true&debugManifestsFile=https://localhost:4321/temp/manifests.js
<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: https://localhost:4321/, https://[::1]:4321/
<i> [webpack-dev-server] Content not from webpack is served from 'C:\RespositoriesGit\CP\120\temp' directory
<i> [webpack-dev-server] 404s will fallback to '/index.html'
Entrypoint hello-world-web-part 243 KiB (24.8 KiB) = hello-world-web-part.js 2 auxiliary assets

ERROR in ./src/webparts/helloWorld/components/HelloWorld.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/spfx-fast-serve-helpers/node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/webparts/helloWorld/components/HelloWorld.module.scss)
Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
Error: PostCSS plugin autoprefixer requires PostCSS 8.
Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users
    at Processor.normalize (C:\RespositoriesGit\CP\120\node_modules\postcss\lib\processor.js:167:15)
    at new Processor (C:\RespositoriesGit\CP\120\node_modules\postcss\lib\processor.js:56:25)
    at postcss (C:\RespositoriesGit\CP\120\node_modules\postcss\lib\postcss.js:55:10)
    at Object.loader (C:\RespositoriesGit\CP\120\node_modules\postcss-loader\dist\index.js:83:17)

webpack compiled in 1393 ms
Type-checking in progress...
No errors found.

package.json (default that comes with SPFx React webpart + fast serve)

{
    "name": "120",
    "version": "0.0.1",
    "private": true,
    "engines": {
        "node": ">=18.17.1 <19.0.0"
    },
    "main": "lib/index.js",
    "scripts": {
        "build": "gulp bundle",
        "clean": "gulp clean",
        "test": "gulp test",
        "serve": "fast-serve"
    },
    "dependencies": {
        "tslib": "2.3.1",
        "react": "17.0.1",
        "react-dom": "17.0.1",
        "@fluentui/react": "^8.106.4",
        "@microsoft/sp-core-library": "1.20.0",
        "@microsoft/sp-component-base": "1.20.0",
        "@microsoft/sp-property-pane": "1.20.0",
        "@microsoft/sp-webpart-base": "1.20.0",
        "@microsoft/sp-lodash-subset": "1.20.0",
        "@microsoft/sp-office-ui-fabric-core": "1.20.0"
    },
    "devDependencies": {
        "@microsoft/rush-stack-compiler-4.7": "0.1.0",
        "@rushstack/eslint-config": "4.0.1",
        "@microsoft/eslint-plugin-spfx": "1.20.2",
        "@microsoft/eslint-config-spfx": "1.20.2",
        "@microsoft/sp-build-web": "1.20.2",
        "@types/webpack-env": "~1.15.2",
        "ajv": "^6.12.5",
        "eslint": "8.57.0",
        "gulp": "4.0.2",
        "typescript": "4.7.4",
        "@types/react": "17.0.45",
        "@types/react-dom": "17.0.17",
        "eslint-plugin-react-hooks": "4.3.0",
        "@microsoft/sp-module-interfaces": "1.20.2",
        "spfx-fast-serve-helpers": "~1.20.0"
    }
}

The text was updated successfully, but these errors were encountered:

kbeeveer46 · 2024-09-30T22:35:44Z

This is interesting... I removed postcss as a dependency but also ran npm dedupe (or I may have deleted node_modules and reinstalled, can't remember) and everything works fine. Maybe something is getting corrupted when first installing the SPFx dependencies and then the fast serve ones? So it appears everything is fine in a brand new project but I'm getting a different error in my main project. It's throwing this error for every module.scss file I have...

There's a reference in it to /node_modules/spfx-fast-serve-helpers/node_modules/css-loader which is the same as the error in my first comment but this error isn't about using the latest PostCSS version like the other one said.

ERROR in ./src/assets/css/ttc/taxReturns.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/ttc/taxReturns.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

PS C:\RespositoriesGit\CP\clientportalsharepoint> npm run serve

> client-portal@1.0.0 serve
> SET NODE_ENV=QA && gulp clean && fast-serve

Build target: DEBUG
[17:40:46] Using gulpfile C:\RespositoriesGit\CP\clientportalsharepoint\gulpfile.js
[17:40:46] Starting 'clean'...
[17:40:46] Starting gulp
[17:40:46] Starting subtask 'clean'...
[17:40:47] Finished subtask 'clean' after 974 ms
[17:40:47] Finished 'clean' after 978 ms
[17:40:47] ==================[ Finished ]==================
[17:40:48] Project client-portal version:1.0.0
[17:40:48] Build tools version:3.19.0
[17:40:48] Node version:v18.20.2
[17:40:48] Total duration:4.39 s
[17:40:49] Node flags detected: --max-old-space-size=8192
[17:40:49] Respawned to PID: 21800
Build target: DEBUG
[17:40:52] Using gulpfile C:\RespositoriesGit\CP\clientportalsharepoint\gulpfile.js
[17:40:52] Starting 'bundle'...
[17:40:52] Starting gulp
[17:40:52] Starting subtask 'pre-copy'...
[17:40:52] Finished subtask 'pre-copy' after 24 ms
[17:40:52] Starting subtask 'copy-static-assets'...
[17:40:52] Starting subtask 'sass'...
[17:40:53] Finished subtask 'sass' after 803 ms
[17:40:53] Starting subtask 'lint'...
[17:40:53] [lint] eslint version: 8.57.0
[17:40:53] Starting subtask 'tsc'...
[17:40:53] [tsc] typescript version: 4.7.4
[17:40:53] Finished subtask 'copy-static-assets' after 1.35 s
[17:41:08] Warning - lint - src\webparts\tt\auditTracker\components\mapView\MapView.tsx(38,10): error @typescript-eslint/no-unused-vars: 'Summary' is defined but never used.
[17:41:08] Finished subtask 'lint' after 15 s
[17:41:16] Finished subtask 'tsc' after 23 s
[17:41:16] Starting subtask 'save-webpack-config'...
[17:41:16] Finished subtask 'save-webpack-config' after 920 μs
[17:41:16] Starting subtask 'post-copy'...
[17:41:16] Finished subtask 'post-copy' after 785 μs
[17:41:16] Starting subtask 'configure-webpack'...
[17:41:17] Applying QA settings to webpack
[17:41:17] Finished subtask 'configure-webpack' after 612 ms
[17:41:17] Starting subtask 'webpack'...
[17:41:42] Finished subtask 'webpack' after 25 s
[17:41:42] Finished 'bundle' after 50 s
[17:41:42] ==================[ Finished ]==================
Warning - lint - src/webparts/tt/auditTracker/components/mapView/MapView.tsx(38,10): error @typescript-eslint/no-unused-vars: 'Summary' is defined but never used.
[17:41:43] Project client-portal version:1.0.0
[17:41:43] Build tools version:3.19.0
[17:41:43] Node version:v18.20.2
[17:41:43] Total duration:54 s
[17:41:43] Task warnings:1
[17:41:45] Applying QA settings to fast-serve webpack
[17:41:45] [fast-serve] To load your scripts, use this query string: ?debug=true&noredir=true&debugManifestsFile=https://localhost:4321/temp/manifests.js
<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: https://localhost:4321/, https://[::1]:4321/
<i> [webpack-dev-server] Content not from webpack is served from 'C:\RespositoriesGit\CP\clientportalsharepoint\temp' directory
<i> [webpack-dev-server] 404s will fallback to '/index.html'
Entrypoint admin-manage-permissions-web-part 7.49 MiB (2.24 MiB) = admin-manage-permissions-web-part.js 16 auxiliary assets
Entrypoint common-custom-reports-web-part 9.55 MiB (2.24 MiB) = common-custom-reports-web-part.js 16 auxiliary assets
Entrypoint common-document-library-web-part 8.32 MiB (2.24 MiB) = common-document-library-web-part.js 16 auxiliary assets
Entrypoint common-iframe-web-part 7.23 MiB (2.24 MiB) = common-iframe-web-part.js 16 auxiliary assets
Entrypoint home-about-web-part 3.22 MiB (1.75 MiB) = home-about-web-part.js 12 auxiliary assets
Entrypoint home-banner-web-part 3.23 MiB (1.75 MiB) = home-banner-web-part.js 12 auxiliary assets
Entrypoint home-documents-web-part 3.42 MiB (1.75 MiB) = home-documents-web-part.js 12 auxiliary assets
Entrypoint home-links-web-part 3.21 MiB (1.75 MiB) = home-links-web-part.js 12 auxiliary assets
Entrypoint home-marketing-web-part 3.21 MiB (1.75 MiB) = home-marketing-web-part.js 12 auxiliary assets
Entrypoint home-videos-web-part 3.33 MiB (1.75 MiB) = home-videos-web-part.js 12 auxiliary assets
Entrypoint home-page-web-part 11.9 MiB (2.24 MiB) = home-page-web-part.js 16 auxiliary assets
Entrypoint pt-dashboard-web-part 16.4 MiB (2.52 MiB) = pt-dashboard-web-part.js 44 auxiliary assets
Entrypoint pt-reports-web-part 9.6 MiB (2.28 MiB) = pt-reports-web-part.js 17 auxiliary assets
Entrypoint pt-search-web-part 13.6 MiB (2.24 MiB) = pt-search-web-part.js 16 auxiliary assets
Entrypoint site-create-web-part 10.3 MiB (2.24 MiB) = site-create-web-part.js 16 auxiliary assets
Entrypoint site-request-site-web-part 7.84 MiB (2.24 MiB) = site-request-site-web-part.js 16 auxiliary assets
Entrypoint site-request-site-pending-web-part 10.3 MiB (2.24 MiB) = site-request-site-pending-web-part.js 16 auxiliary assets
Entrypoint site-select-web-part 10.4 MiB (2.24 MiB) = site-select-web-part.js 16 auxiliary assets
Entrypoint tt-audit-tracker-web-part 11.4 MiB (2.52 MiB) = tt-audit-tracker-web-part.js 44 auxiliary assets
Entrypoint tt-audit-and-recovery-web-part 11.1 MiB (2.52 MiB) = tt-audit-and-recovery-web-part.js 44 auxiliary assets
Entrypoint tt-completely-compliance-newsletter-web-part 7.17 MiB (2.24 MiB) = tt-completely-compliance-newsletter-web-part.js 16 auxiliary assets
Entrypoint tt-tax-rate-and-state-information-web-part 7.62 MiB (2.24 MiB) = tt-tax-rate-and-state-information-web-part.js 16 auxiliary assets
Entrypoint ttc-dashboard-web-part 12.4 MiB (2.52 MiB) = ttc-dashboard-web-part.js 44 auxiliary assets
Entrypoint ttc-carry-forward-web-part 8.16 MiB (2.24 MiB) = ttc-carry-forward-web-part.js 16 auxiliary assets
Entrypoint ttc-compliance-summary-web-part 9.21 MiB (2.24 MiB) = ttc-compliance-summary-web-part.js 16 auxiliary assets
Entrypoint ttc-documents-web-part 7.8 MiB (2.24 MiB) = ttc-documents-web-part.js 16 auxiliary assets
Entrypoint ttc-filing-calendar-web-part 8.23 MiB (2.24 MiB) = ttc-filing-calendar-web-part.js 16 auxiliary assets
Entrypoint ttc-locations-web-part 8.25 MiB (2.24 MiB) = ttc-locations-web-part.js 16 auxiliary assets
Entrypoint ttc-notices-web-part 9.2 MiB (2.24 MiB) = ttc-notices-web-part.js 16 auxiliary assets
Entrypoint ttc-on-demand-reports-web-part 7.12 MiB (2.24 MiB) = ttc-on-demand-reports-web-part.js 16 auxiliary assets
Entrypoint ttc-prepayment-web-part 8.29 MiB (2.24 MiB) = ttc-prepayment-web-part.js 16 auxiliary assets
Entrypoint ttc-rate-validation-web-part 8.22 MiB (2.24 MiB) = ttc-rate-validation-web-part.js 16 auxiliary assets
Entrypoint ttc-tax-returns-web-part 9.45 MiB (2.24 MiB) = ttc-tax-returns-web-part.js 16 auxiliary assets

ERROR in ./src/assets/css/common/common.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/common/common.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

s-KaiNet · 2024-10-01T10:16:54Z

Yeah, I also had problems with postcss error immediately after trying 1.20 version of fast-serve. You'r correct, that if you run clean install (after removing node_modules and package-lock.json) it works. For some reason, postcss-loder plugin grabs deduped postcss 7.x version, but should use 8.x instead. I'm trying to figure out how to fix it.

For the second problem there is a related bug #144 , but I have troubles reproducing it, seems some specific dependencies trigger it. However the root cause seems the same - a mess of dependent packages with different versions, where I cannot control this "dedupe" process. To fix the second problem, most likely you should just intall npm i schema-utils@4.2.0 -DE.

Meanwhile, I'm searching for a more solid way of solving these problems.

s-KaiNet · 2024-10-01T10:19:10Z

Could you send me the package.json and package-lock.json from your main project, where you have this "schema_utils_1.validate" error?

kbeeveer46 · 2024-10-01T11:11:49Z

package.json

package-lock.json

kbeeveer46 · 2024-10-01T11:29:43Z

I did not have this issue with 1.19.0 but ever since I upgraded to SPFx 1.20.0 (maybe a coincidence) strange things have been happening to my code. I was the person who created the ticket the other day and upgraded SPFx too early before the fast serve version was released. When I downgraded to 1.19.0 I got a ton of errors. Usually I delete node_modules, run npm install, and npm dedupe but even that didn't work. I couldn't get fast serve to work on 1.19 even though it was working fine the day before.

I decided to go back to SPFx 1.20 and use gulp serve (which is terrible for large projects lol) until the new fast serve was released. It's possible I was also getting the scss errors on 1.19. If I have time today I'll downgrade to 1.19 on both and see if it's the same issue as the other ticket.

s-KaiNet · 2024-10-01T11:33:13Z

I couldn't get fast serve to work on 1.19 even though it was working fine the day before.

Which error do you have? This "schema_utils_1.validate) is not a function" or something else?

kbeeveer46 · 2024-10-01T12:07:43Z

I downgraded to 1.19 and got the same error above as I got with 1.20 so it looks like it's the same as the other ticket and not related to 1.20. I did not have this issue with 1.19 until now. Something I did with my project triggered this error and now I get it for both versions.

These are the steps I took when downgrading

Update package.json dependencies and devDependencies with SPFx 1.19 packages and Fast Serve 1.19
Deleted node_modules and package-lock
Restarted VS Code
Run npm install

Here is the output starting at npm install and my 2 files using 1.19

package.json
package-lock.json

PS C:\RespositoriesGit\CP\clientportalsharepoint> npm i
npm WARN deprecated debuglog@1.0.1: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
npm WARN deprecated readdir-scoped-modules@1.1.0: This functionality has been moved to @npmcli/fs
npm WARN deprecated osenv@0.1.5: This package is no longer supported.
npm WARN deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
npm WARN deprecated read-package-tree@5.1.6: The functionality that this package provided is now in @npmcli/arborist
npm WARN deprecated @humanwhocodes/config-array@0.11.14: Use @eslint/config-array instead
npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm WARN deprecated read-package-json@2.1.2: This package is no longer supported. Please use @npmcli/package-json instead.
npm WARN deprecated viewport-mercator-project@7.0.4: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
npm WARN deprecated rimraf@2.7.1: Rimraf versions prior to v4 are no longer supported
npm WARN deprecated rimraf@2.7.1: Rimraf versions prior to v4 are no longer supported
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated rimraf@3.0.2: Rimraf versions prior to v4 are no longer supported
npm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm WARN deprecated abab@2.0.6: Use your platform's native atob() and btoa() methods instead
npm WARN deprecated abab@2.0.6: Use your platform's native atob() and btoa() methods instead
npm WARN deprecated abab@2.0.6: Use your platform's native atob() and btoa() methods instead
npm WARN deprecated abab@1.0.4: Use your platform's native atob() and btoa() methods instead
npm WARN deprecated glob@7.0.6: Glob versions prior to v9 are no longer supported
npm WARN deprecated domexception@1.0.1: Use your platform's native DOMException instead
npm WARN deprecated @humanwhocodes/object-schema@2.0.3: Use @eslint/object-schema instead
npm WARN deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated left-pad@1.3.0: use String.prototype.padStart()
npm WARN deprecated w3c-hr-time@1.0.2: Use your platform's native performance.now() and performance.timeOrigin.
npm WARN deprecated sane@4.1.0: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added
npm WARN deprecated gulp-util@3.0.8: gulp-util is deprecated - replace it, following the guidelines at https://medium.com/gulpjs/gulp-util-ca3b1f9f9ac5
npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated fstream@1.0.12: This package is no longer supported.
npm WARN deprecated @microsoft/teams-js@2.12.0: Package no longer supported. Use at your own risk
npm WARN deprecated adal-angular@1.0.16: This package is no longer supported. Please migrate to @azure/msal-angular.
npm WARN deprecated @azure/msal-browser@2.22.0: A newer major version of this library is available. Please upgrade to the latest available version.
npm WARN deprecated @azure/core-http@3.0.4: This package is no longer supported. Please migrate to use @azure/core-rest-pipeline
npm WARN deprecated msal@1.4.12: This package is no longer supported. Please use @azure/msal-browser instead.

added 2819 packages, and audited 2820 packages in 2m

313 packages are looking for funding
  run `npm fund` for details

91 vulnerabilities (54 moderate, 37 high)

To address issues that do not require attention, run:
  npm audit fix

To address all issues possible (including breaking changes), run:
  npm audit fix --force

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.
PS C:\RespositoriesGit\CP\clientportalsharepoint> npm run serve

> client-portal@1.0.0 serve
> SET NODE_ENV=QA && gulp clean && fast-serve

Build target: DEBUG
[06:55:56] Using gulpfile C:\RespositoriesGit\CP\clientportalsharepoint\gulpfile.js
[06:55:56] Starting 'clean'...
[06:55:56] Starting gulp
[06:55:56] Starting subtask 'clean'...
[06:55:56] Finished subtask 'clean' after 672 ms
[06:55:56] Finished 'clean' after 675 ms
[06:55:57] ==================[ Finished ]==================
[06:55:57] Project client-portal version:1.0.0
[06:55:57] Build tools version:3.18.1
[06:55:57] Node version:v18.20.2
[06:55:57] Total duration:3.49 s
[06:55:58] Node flags detected: --max-old-space-size=8192
[06:55:58] Respawned to PID: 4968
Build target: DEBUG
[06:56:00] Using gulpfile C:\RespositoriesGit\CP\clientportalsharepoint\gulpfile.js
[06:56:00] Starting 'bundle'...
[06:56:00] Starting gulp
[06:56:00] Starting subtask 'pre-copy'...
[06:56:00] Finished subtask 'pre-copy' after 46 ms
[06:56:00] Starting subtask 'copy-static-assets'...
[06:56:00] Starting subtask 'sass'...
[06:56:01] Finished subtask 'sass' after 705 ms
[06:56:01] Starting subtask 'lint'...
[06:56:01] [lint] eslint version: 8.57.0
[06:56:01] Starting subtask 'tsc'...
[06:56:01] [tsc] typescript version: 4.7.4
[06:56:01] Finished subtask 'copy-static-assets' after 1.1 s
[06:56:16] Finished subtask 'lint' after 15 s
[06:56:22] Finished subtask 'tsc' after 21 s
[06:56:22] Starting subtask 'save-webpack-config'...
[06:56:22] Finished subtask 'save-webpack-config' after 582 μs
[06:56:22] Starting subtask 'post-copy'...
[06:56:22] Finished subtask 'post-copy' after 387 μs
[06:56:22] Starting subtask 'configure-webpack'...
[06:56:22] Applying QA settings to webpack
[06:56:22] Finished subtask 'configure-webpack' after 410 ms
[06:56:22] Starting subtask 'webpack'...
[06:56:48] Finished subtask 'webpack' after 26 s
[06:56:48] Finished 'bundle' after 48 s
[06:56:48] ==================[ Finished ]==================
[06:56:49] Project client-portal version:1.0.0
[06:56:49] Build tools version:3.18.1
[06:56:49] Node version:v18.20.2
[06:56:49] Total duration:50 s
[06:56:49] Task warnings:62
[06:56:50] Applying QA settings to fast-serve webpack
[06:56:51] [fast-serve] To load your scripts, use this query string: ?debug=true&noredir=true&debugManifestsFile=https://localhost:4321/temp/manifests.js
<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: https://localhost:4321/, https://[::1]:4321/
<i> [webpack-dev-server] Content not from webpack is served from 'C:\RespositoriesGit\CP\clientportalsharepoint\temp' directory
<i> [webpack-dev-server] 404s will fallback to '/index.html'
Entrypoint admin-manage-permissions-web-part 7.48 MiB (2.24 MiB) = admin-manage-permissions-web-part.js 16 auxiliary assets
Entrypoint common-custom-reports-web-part 9.55 MiB (2.24 MiB) = common-custom-reports-web-part.js 16 auxiliary assets
Entrypoint common-document-library-web-part 8.32 MiB (2.24 MiB) = common-document-library-web-part.js 16 auxiliary assets
Entrypoint common-iframe-web-part 7.23 MiB (2.24 MiB) = common-iframe-web-part.js 16 auxiliary assets
Entrypoint home-about-web-part 3.22 MiB (1.75 MiB) = home-about-web-part.js 12 auxiliary assets
Entrypoint home-banner-web-part 3.23 MiB (1.75 MiB) = home-banner-web-part.js 12 auxiliary assets
Entrypoint home-documents-web-part 3.42 MiB (1.75 MiB) = home-documents-web-part.js 12 auxiliary assets
Entrypoint home-links-web-part 3.21 MiB (1.75 MiB) = home-links-web-part.js 12 auxiliary assets
Entrypoint home-marketing-web-part 3.21 MiB (1.75 MiB) = home-marketing-web-part.js 12 auxiliary assets
Entrypoint home-videos-web-part 3.33 MiB (1.75 MiB) = home-videos-web-part.js 12 auxiliary assets
Entrypoint home-page-web-part 11.9 MiB (2.24 MiB) = home-page-web-part.js 16 auxiliary assets
Entrypoint pt-dashboard-web-part 16.4 MiB (2.52 MiB) = pt-dashboard-web-part.js 44 auxiliary assets
Entrypoint pt-reports-web-part 9.6 MiB (2.28 MiB) = pt-reports-web-part.js 17 auxiliary assets
Entrypoint pt-search-web-part 13.6 MiB (2.24 MiB) = pt-search-web-part.js 16 auxiliary assets
Entrypoint site-create-web-part 10.3 MiB (2.24 MiB) = site-create-web-part.js 16 auxiliary assets
Entrypoint site-request-site-web-part 7.85 MiB (2.24 MiB) = site-request-site-web-part.js 16 auxiliary assets
Entrypoint site-request-site-pending-web-part 10.3 MiB (2.24 MiB) = site-request-site-pending-web-part.js 16 auxiliary assets
Entrypoint site-select-web-part 10.4 MiB (2.24 MiB) = site-select-web-part.js 16 auxiliary assets
Entrypoint tt-audit-tracker-web-part 11.4 MiB (2.52 MiB) = tt-audit-tracker-web-part.js 44 auxiliary assets
Entrypoint tt-audit-and-recovery-web-part 11 MiB (2.52 MiB) = tt-audit-and-recovery-web-part.js 44 auxiliary assets
Entrypoint tt-completely-compliance-newsletter-web-part 7.16 MiB (2.24 MiB) = tt-completely-compliance-newsletter-web-part.js 16 auxiliary assets
Entrypoint tt-tax-rate-and-state-information-web-part 7.61 MiB (2.24 MiB) = tt-tax-rate-and-state-information-web-part.js 16 auxiliary assets
Entrypoint ttc-dashboard-web-part 12.4 MiB (2.52 MiB) = ttc-dashboard-web-part.js 44 auxiliary assets
Entrypoint ttc-carry-forward-web-part 8.15 MiB (2.24 MiB) = ttc-carry-forward-web-part.js 16 auxiliary assets
Entrypoint ttc-compliance-summary-web-part 9.2 MiB (2.24 MiB) = ttc-compliance-summary-web-part.js 16 auxiliary assets
Entrypoint ttc-documents-web-part 7.79 MiB (2.24 MiB) = ttc-documents-web-part.js 16 auxiliary assets
Entrypoint ttc-filing-calendar-web-part 8.22 MiB (2.24 MiB) = ttc-filing-calendar-web-part.js 16 auxiliary assets
Entrypoint ttc-locations-web-part 8.25 MiB (2.24 MiB) = ttc-locations-web-part.js 16 auxiliary assets
Entrypoint ttc-notices-web-part 9.19 MiB (2.24 MiB) = ttc-notices-web-part.js 16 auxiliary assets
Entrypoint ttc-on-demand-reports-web-part 7.11 MiB (2.24 MiB) = ttc-on-demand-reports-web-part.js 16 auxiliary assets
Entrypoint ttc-prepayment-web-part 8.29 MiB (2.24 MiB) = ttc-prepayment-web-part.js 16 auxiliary assets
Entrypoint ttc-rate-validation-web-part 8.21 MiB (2.24 MiB) = ttc-rate-validation-web-part.js 16 auxiliary assets
Entrypoint ttc-tax-returns-web-part 9.44 MiB (2.24 MiB) = ttc-tax-returns-web-part.js 16 auxiliary assets

ERROR in ./src/assets/css/common/common.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/common/common.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/common/documentLibrary.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/common/documentLibrary.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/common/footer.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/common/footer.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/homePage/accountManagement.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/homePage/accountManagement.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/homePage/contacts.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/homePage/contacts.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/homePage/events.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/homePage/events.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/homePage/homePage.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/homePage/homePage.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/homePage/practiceAreas.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/homePage/practiceAreas.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/homePage/roadmap.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/homePage/roadmap.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/homePage/summary.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/homePage/summary.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/pt/common.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/pt/common.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/pt/reports.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/pt/reports.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/ptc/dashboard.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/ptc/dashboard.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/site/analytics.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/site/analytics.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/site/common.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/site/common.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/site/requestSite.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/site/requestSite.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/site/selectSite.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/site/selectSite.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/tt/auditAndRecovery.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/tt/auditAndRecovery.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/tt/auditTracker.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/tt/auditTracker.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/tt/completelyCompliance.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/tt/completelyCompliance.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/tt/taxRateAndStateInformation.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/tt/taxRateAndStateInformation.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/ttc/common.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/ttc/common.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/ttc/complianceSummary.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/ttc/complianceSummary.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/ttc/dashboard.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/ttc/dashboard.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/ttc/invoices.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/ttc/invoices.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/ttc/locations.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/ttc/locations.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/ttc/notices.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/ttc/notices.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/ttc/rateValidation.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/ttc/rateValidation.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

ERROR in ./src/assets/css/ttc/taxReturns.module.scss (./node_modules/spfx-css-modules-typescript-loader/index.js!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/clean-css-loader/lib/index.js??ruleSet[1].rules[5].use[3]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[4]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[5]!./src/assets/css/ttc/taxReturns.module.scss)
Module build failed (from ./node_modules/clean-css-loader/lib/index.js):
TypeError: (0 , schema_utils_1.validate) is not a function
    at Object.cleanCssLoader (C:\RespositoriesGit\CP\clientportalsharepoint\node_modules\clean-css-loader\lib\index.js:36:31)

webpack compiled in 20914 ms
No errors found.

s-KaiNet · 2024-10-01T12:10:53Z

Does npm i schema-utils@4.2.0 -DE fix the above problem?

kbeeveer46 · 2024-10-01T12:16:13Z

I just installed it and I no longer get errors. I tested a few web parts and everything seems to be working. I will upgrade to 1.20 and see if that works now.

kbeeveer46 · 2024-10-01T12:38:54Z

I had a little trouble with 1.20 but got it to work. I still had schema-utils installed, upgraded SPFx and Fast Serve packages, and deleted node_modules. I got the "upgrade PostCSS" error on every module.scss and .css file.

I ran npm dedupe but it did not fix it. I ran npm i postcss -D and it fixed it. Going to play around with it and see if it still works after removing postcss like I did on the new project.

./node_modules/primereact/resources/primereact.min.css: Module build failed (from ./node_modules/@microsoft/sp-css-loader/lib/index.js):
Error: PostCSS plugin postcss-discard-comments requires PostCSS 8.
Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users
    at Processor.normalize (C:/RespositoriesGit/CP/clientportalsharepoint/node_modules/postcss/lib/processor.js:167:15)
    at new Processor (C:/RespositoriesGit/CP/clientportalsharepoint/node_modules/postcss/lib/processor.js:56:25)
    at postcss (C:/RespositoriesGit/CP/clientportalsharepoint/node_modules/postcss/lib/postcss.js:55:10)
    at cssnanoPlugin (C:/RespositoriesGit/CP/clientportalsharepoint/node_modules/cssnano/src/index.js:167:10)
    at Object.<anonymous> (C:/RespositoriesGit/CP/clientportalsharepoint/node_modules/@microsoft/sp-css-loader/lib/index.js:153:27)
    at Module._compile (node:internal/modules/cjs/loader:1364:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1422:10)
    at Module.load (node:internal/modules/cjs/loader:1203:32)
    at Module._load (node:internal/modules/cjs/loader:1019:12)
    at Module.require (node:internal/modules/cjs/loader:1231:19)

s-KaiNet · 2024-10-01T12:40:07Z

Thank you for all the info you posted, it will help to fix the issue properly.

s-KaiNet · 2024-10-01T12:41:32Z

As of now, while I'm trying to fix it, seems the workaround would be npm i postcss schema-utils@4.2.0 -DE

kbeeveer46 · 2024-10-01T13:28:48Z

I uninstalled postcss like I did with the new project and everything still works in 1.20 in my main project. I was curious if I deleted node_modules and reinstalled if it would still work and it did not. A fresh install on a new project and existing project shows the "upgrade/install postcss" error but then removing it doesn't show the error again. I also ran npm dedupe and everything still works. It's not until I delete node_modules and reinstall does it break again. Now that I think about it, I have seen the PostCSS error before on previous fast serve versions. The error went away and I figured it was something I broke on my own and forgot about it. I probably haven't deleted my node_modules folder since then which is why I haven't seen it again.

s-KaiNet · 2024-10-01T19:54:44Z

@kbeeveer46 FYI I have published spfx-fast-serve-helpers@1.20.1, which fixes PostCSS 8.x problem.
However, "schema_utils_1.validate) is not a function" requires some more time...

kbeeveer46 · 2024-10-01T20:27:12Z

I deleted node_modules and reinstalled and still get the error. I made sure 1.20.1 was installed

s-KaiNet · 2024-10-01T20:30:51Z

You should also delete package-lock.json, have you done it?

s-KaiNet · 2024-10-01T20:32:40Z

Also, the errors on your screen are from regular gulp bundle, fast-serve related stuff usually happens after Total duration: console message

kbeeveer46 · 2024-10-01T23:36:46Z

Sorry, I should have tested your change on a new project. I think there's something funky going on with my main project that requires PostCSS (apparently, I can't run gulp serve or npm run serve without PostCSS installed). I tested Fast Serve 1.20.0 on a new project (which throws the error) and 1.20.1 and the new version fixes the issue.

s-KaiNet · 2024-10-05T19:59:03Z

The issue with schema-utils is also fixed in npm i spfx-fast-serve-helpers@1.19.5 -DE and spfx-fast-serve-helpers@1.20.2

s-KaiNet closed this as completed Oct 5, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

PostCSS error using Fast Serve 1.20.0 on new SPFx 1.20.0 project #150

PostCSS error using Fast Serve 1.20.0 on new SPFx 1.20.0 project #150

kbeeveer46 commented Sep 30, 2024 •

edited

Loading

kbeeveer46 commented Sep 30, 2024 •

edited

Loading

s-KaiNet commented Oct 1, 2024

s-KaiNet commented Oct 1, 2024

kbeeveer46 commented Oct 1, 2024 •

edited

Loading

kbeeveer46 commented Oct 1, 2024

s-KaiNet commented Oct 1, 2024 •

edited

Loading

kbeeveer46 commented Oct 1, 2024

s-KaiNet commented Oct 1, 2024

kbeeveer46 commented Oct 1, 2024

kbeeveer46 commented Oct 1, 2024

s-KaiNet commented Oct 1, 2024

s-KaiNet commented Oct 1, 2024

kbeeveer46 commented Oct 1, 2024 •

edited

Loading

s-KaiNet commented Oct 1, 2024

kbeeveer46 commented Oct 1, 2024

s-KaiNet commented Oct 1, 2024

s-KaiNet commented Oct 1, 2024

kbeeveer46 commented Oct 1, 2024

s-KaiNet commented Oct 5, 2024

PostCSS error using Fast Serve 1.20.0 on new SPFx 1.20.0 project #150

PostCSS error using Fast Serve 1.20.0 on new SPFx 1.20.0 project #150

Comments

kbeeveer46 commented Sep 30, 2024 • edited Loading

kbeeveer46 commented Sep 30, 2024 • edited Loading

s-KaiNet commented Oct 1, 2024

s-KaiNet commented Oct 1, 2024

kbeeveer46 commented Oct 1, 2024 • edited Loading

kbeeveer46 commented Oct 1, 2024

s-KaiNet commented Oct 1, 2024 • edited Loading

kbeeveer46 commented Oct 1, 2024

s-KaiNet commented Oct 1, 2024

kbeeveer46 commented Oct 1, 2024

kbeeveer46 commented Oct 1, 2024

s-KaiNet commented Oct 1, 2024

s-KaiNet commented Oct 1, 2024

kbeeveer46 commented Oct 1, 2024 • edited Loading

s-KaiNet commented Oct 1, 2024

kbeeveer46 commented Oct 1, 2024

s-KaiNet commented Oct 1, 2024

s-KaiNet commented Oct 1, 2024

kbeeveer46 commented Oct 1, 2024

s-KaiNet commented Oct 5, 2024

kbeeveer46 commented Sep 30, 2024 •

edited

Loading

kbeeveer46 commented Sep 30, 2024 •

edited

Loading

kbeeveer46 commented Oct 1, 2024 •

edited

Loading

s-KaiNet commented Oct 1, 2024 •

edited

Loading

kbeeveer46 commented Oct 1, 2024 •

edited

Loading