slawomirbak
commented
10 months ago I have the same problem. In a HelloWorld example I left only an empty div (without scss) and sill I got an error:
[10:52:23] [fast-serve] To load your scripts, use this query string: ?debug=true&noredir=true&debugManifestsFile=https://localhost:4321/temp/manifests.js i ｢wds｣: Project is running at https://localhost:4321/ i ｢wds｣: webpack output is served from https://localhost:4321/dist/ i ｢wds｣: Content not from webpack is served from C:\Users\sbak\Desktop\tmp\test2 i ｢wds｣: 404s will fallback to /index.html × ｢wdm｣: Time: 588ms Entrypoint hello-world-web-part =
ERROR in chunk hello-world-web-part [entry] hello-world-web-part.js C:\Users\sbak\Desktop\tmp\test2\node_modules\ansi-html\index.js error:0308010C:digital envelope routines::unsupported i ｢wdm｣: Failed to compile.
Dependecies: node: v18.17.1 C:\Program Files\nodejs -> .\ ├── @microsoft/generator-sharepoint@1.18.0 ├── corepack@0.18.0 ├── gulp-cli@2.3.0 ├── npm@9.6.7 └── yo@4.3.1
gulpfile.js
build.addSuppression(Warning - [sass] The local CSS class 'ms-Grid' is not camelCase and will not be type-safe.);
var getTasks = build.rig.getTasks;
build.rig.getTasks = function () {
var result = getTasks.call(build.rig);
result.set('serve', result.get('serve-deprecated'));
return result;
};
/ fast-serve /
const { addFastServe } = require("spfx-fast-serve-helpers");
addFastServe(build);
/ end of fast-serve /
build.initialize(require('gulp'));
fast-server/config.json:
{ "$schema": "https://raw.githubusercontent.com/s-KaiNet/spfx-fast-serve/master/schema/config.latest.schema.json", "cli": { "isLibraryComponent": false } }
fast-server/webpack.extend.js
const path = require('path'); const webpackConfig = {}; const transformConfig = function (initialWebpackConfig) { initialWebpackConfig.resolve.modules.push(path.resolve(__dirname, './../src')); return initialWebpackConfig; }; module.exports = { webpackConfig, transformConfig };
package.json -> from template + "spfx-fast-server-helpers": "^1.18.0"
Thanks in advance for investigating!
s-KaiNet
kbeeveer46
HarminderSethi
c-eiser13
npm run serve command with node 18.17.1 for SPFx 1.18 throws below errors where as it works perfectly fine with Node v16
`ERROR in ./src/webparts/listView/components/ListView.module.scss (./node_modules/spfx-css-modules-typescript-loader!./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js??ref--8-2!./node_modules/spfx-fast-serve-helpers/node_modules/postcss-loader/dist/cjs.js??ref--8-3!./node_modules/clean-css-loader/lib??ref--8-4!./node_modules/sass-loader/dist/cjs.js??ref--8-5!./src/webparts/listView/components/ListView.module.scss) Module build failed (from ./node_modules/spfx-fast-serve-helpers/node_modules/css-loader/dist/cjs.js): Error: error:0308010C:digital envelope routines::unsupported at D:\Learning\listView\src\webparts\listView\components\ListView.module.scss:1:1 at new Hash (node:internal/crypto/hash:69:19) at Object.createHash (node:crypto:133:10) at getHashDigest (D:\Learning\listView\node_modules\spfx-fast-serve-helpers\node_modules\loader-utils\lib\getHashDigest.js:46:34) at D:\Learning\listView\node_modules\spfx-fast-serve-helpers\node_modules\loader-utils\lib\interpolateName.js:113:11 at String.replace ()
at interpolateName (D:\Learning\listView\node_modules\spfx-fast-serve-helpers\node_modules\loader-utils\lib\interpolateName.js:110:8)
at defaultGetLocalIdent (D:\Learning\listView\node_modules\spfx-fast-serve-helpers\node_modules\css-loader\dist\utils.js:208:43)
at generateScopedName (D:\Learning\listView\node_modules\spfx-fast-serve-helpers\node_modules\css-loader\dist\utils.js:432:24)
at exportScopedName (D:\Learning\listView\node_modules\postcss-modules-scope\src\index.js:95:28)
at localizeNode (D:\Learning\listView\node_modules\postcss-modules-scope\src\index.js:124:22)
at Array.map ()
at Selector.map (D:\Learning\listView\node_modules\postcss-selector-parser\dist\selectors\container.js:269:23)
at localizeNode (D:\Learning\listView\node_modules\postcss-modules-scope\src\index.js:120:31)
at traverseNode (D:\Learning\listView\node_modules\postcss-modules-scope\src\index.js:152:32)
at Selector.each (D:\Learning\listView\node_modules\postcss-selector-parser\dist\selectors\container.js:159:16)
at traverseNode (D:\Learning\listView\node_modules\postcss-modules-scope\src\index.js:175:18)
ERROR in ./src/webparts/listView/assets/welcome-light.png Module build failed (from ./node_modules/spfx-fast-serve-helpers/node_modules/file-loader/dist/cjs.js): de_modules\loader-utils\lib\interpolateName.js:110:8) at Object.loader (D:\Learning\listView\node_modules\spfx-fast-serve-helpers\node_modules\file-loader\dist\index.js:29:48)
ERROR in ./src/webparts/listView/assets/welcome-dark.png Module build failed (from ./node_modules/spfx-fast-serve-helpers/node_modules/file-loader/dist/cjs.js): Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:69:19) at Object.createHash (node:crypto:133:10) at getHashDigest (D:\Learning\listView\node_modules\spfx-fast-serve-helpers\node_modules\loader-utils\lib\getHashDigest.js:46:34) at D:\Learning\listView\node_modules\spfx-fast-serve-helpers\node_modules\loader-utils\lib\interpolateName.js:113:11 at String.replace ()
at interpolateName (D:\Learning\listView\node_modules\spfx-fast-serve-helpers\node_modules\loader-utils\lib\interpolateName.js:110:8)
at Object.loader (D:\Learning\listView\node_modules\spfx-fast-serve-helpers\node_modules\file-loader\dist\index.js:29:48)
ERROR in chunk list-view-web-part [entry] list-view-web-part.js D:\Learning\listView\node_modules\@microsoft\load-themed-styles\lib\index.js error:0308010C:digital envelope routines::unsupported`