Unable to use gulp bundle

Disclaimer

Yes

Sample

https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-list-items-menu

Author(s)

@hugoabernier

Question

When I try to use gulp bundle, I keep getting the below error: gulp bundle --ship Build target: SHIP [17:30:50] Using gulpfile ~\CustomWebPart\spfx-leaverecord-calendar-master\gulpfile.js [17:30:50] Starting 'bundle'... [17:30:50] Starting gulp [17:30:50] Starting subtask 'pre-copy'... [17:30:50] Finished subtask 'pre-copy' after 197 ms [17:30:50] Starting subtask 'copy-static-assets'... [17:30:50] Starting subtask 'sass'... [17:30:51] Finished subtask 'sass' after 1.25 s [17:30:51] Starting subtask 'tslint'... [17:30:52] [tslint] tslint version: 5.20.1 [17:30:52] Starting subtask 'tsc'... [17:30:52] [tsc] typescript version: 3.9.10 [17:30:52] Finished subtask 'copy-static-assets' after 1.43 s [17:31:00] Warning - tslint - src\webparts\leaveRecordCalendar\components\LeaveRecordCalendar.tsx(45,6): error semicolon: Unnecessary semicolon [17:31:00] Warning - tslint - src\webparts\leaveRecordCalendar\components\LeaveRecordCalendar.tsx(62,32): error semicolon: Missing semicolon [17:31:00] Finished subtask 'tslint' after 8.5 s [17:31:00] Finished subtask 'tsc' after 8.49 s [17:31:00] Starting subtask 'post-copy'... [17:31:00] Finished subtask 'post-copy' after 318 μs [17:31:00] Starting subtask 'configure-webpack'... [17:31:01] Finished subtask 'configure-webpack' after 749 ms [17:31:01] Starting subtask 'webpack'... [17:31:27] Error - [webpack] 'dist': No localized files found under the root directory ("C:\Users(username)\CustomWebPart\spfx-leaverecord-calendar-master") matching pattern "lib/webparts/leaveRecordCalendar/loc/{locale}.js"

[17:31:27] Finished subtask 'webpack' after 27 s [17:31:27] Finished 'bundle' after 37 s [17:31:28] ==================[ Finished ]================== Warning - tslint - src/webparts/leaveRecordCalendar/components/LeaveRecordCalendar.tsx(45,6): error semicolon: Unnecessary semicolon Warning - tslint - src/webparts/leaveRecordCalendar/components/LeaveRecordCalendar.tsx(62,32): error semicolon: Missing semicolon Error - [webpack] 'dist': No localized files found under the root directory ("C:/Users/(username)/CustomWebPart/spfx-leaverecord-calendar-master") matching pattern "lib/webparts/leaveRecordCalendar/loc/{locale}.js"

[17:31:28] Project spfx-leaverecord-calendar version:0.0.1 [17:31:28] Build tools version:3.17.17 [17:31:28] Node version:v14.15.0 [17:31:28] Total duration:42 s [17:31:28] Task warnings:2 [17:31:28] Task errors:1 The build failed because a task wrote output to stderr. Exiting with exit code: 1

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

Wrong or missing author @mentions

Thank you for your submission, but you appear to have forgotten to @mention the sample author(s).

To help increase your chances of getting assistance from the original authors of the sample, you should make sure to @mention the actual authors (and not the repository maintainers).

Please note that the sample authors will not get notified about this issue unless you update this issue accordingly.

You can find the author(s) of each sample in the sample's README.md, under Solution.

We'll automatically close this issue in 7 days unless you update the issue.

For more information on how to create a good issue, refer to our wiki for more information: How to Create Good Issues

Hey @Joanna2211, is it possible that you are executing gulp bundle --ship from the wrong location. Because when we start reading the command output it is referencing the location CustomWebPart\spfx-leaverecord-calendar-master. This location mentions a different WebPart name than the sample you are referring to. I just double-checked the sample react-list-items-menu and the bundle works fine on my machine with node version 14.18.1.

But if we take another look at your WebPart. The main problem is that it can't find any localization files. It is perfectly possible to build your solution without this but then you have to make certain that config.json file isn't referring to one.

Config.json

{
  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/config.2.0.schema.json",
  "version": "2.0",
  "bundles": {
    "spfx-leaverecord-calendar-master": {
      "components": [
        {
          "entrypoint": "./lib/webparts/leaveRecordCalendar/leaveRecordCalendar.js",
          "manifest": "./src/webparts/leaveRecordCalendar/leaveRecordCalendar.manifest.json"
        }
      ]
    }
  },
  "externals": {},
  "localizedResources": { }
}

Here you have to make sure the part localizedResources is empty.

Hope this helps!

@Jwaegebaert, sorry for making the mistake in the location. I still encounters error when I access the correct location. The current Config.json is { "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/config.2.0.schema.json", "version": "2.0", "bundles": { "list-items-menu-web-part": { "components": [ { "entrypoint": "./lib/webparts/listItemsMenu/ListItemsMenuWebPart.js", "manifest": "./src/webparts/listItemsMenu/ListItemsMenuWebPart.manifest.json" } ] } }, "externals": {}, "localizedResources": { "ListItemsMenuWebPartStrings": "lib/webparts/listItemsMenu/loc/{locale}.js", "ControlStrings": "node_modules/@pnp/spfx-controls-react/lib/loc/{locale}.js", "PropertyControlStrings": "node_modules/@pnp/spfx-property-controls/lib/loc/{locale}.js" } } Before empty the localizedResources, I run the gulp bundle again. _`C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu> gulp bundle Build target: DEBUG [09:31:41] Using gulpfile ~\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\gulpfile.js [09:31:41] Starting 'bundle'... [09:31:41] Starting gulp [09:31:41] Starting subtask 'pre-copy'... [09:31:41] Finished subtask 'pre-copy' after 71 ms [09:31:41] Starting subtask 'copy-static-assets'... [09:31:41] Starting subtask 'sass'... Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db

Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating [09:31:42] Finished subtask 'sass' after 518 ms [09:31:42] Starting subtask 'tslint'... [09:31:42] [tslint] tslint version: 5.20.1 [09:31:42] Starting subtask 'tsc'... [09:31:42] [tsc] typescript version: 3.9.10 [09:31:42] Finished subtask 'copy-static-assets' after 624 ms [09:31:46] Finished subtask 'tsc' after 4.72 s [09:31:47] Finished subtask 'tslint' after 5.04 s [09:31:47] Starting subtask 'post-copy'... [09:31:47] Finished subtask 'post-copy' after 316 μs [09:31:47] Starting subtask 'configure-webpack'... [09:31:47] Finished subtask 'configure-webpack' after 831 ms [09:31:47] Starting subtask 'webpack'... [09:31:53] Error - [webpack] 'dist': No localized files found under the root directory ("C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu") matching pattern "lib/webparts/listItemsMenu/loc/{locale}.js"

[09:31:53] Finished subtask 'webpack' after 5.84 s [09:31:53] Finished 'bundle' after 12 s [09:31:54] ==================[ Finished ]================== Error - [webpack] 'dist': No localized files found under the root directory ("C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu") matching pattern "lib/webparts/listItemsMenu/loc/{locale}.js"

[09:31:54] Project react-list-items-menu version:1.0.3 [09:31:54] Build tools version:3.17.17 [09:31:54] Node version:v14.15.0 [09:31:54] Total duration:16 s [09:31:54] Task errors:1 PS C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu> `_

After I remove the content in localizedResources, it pops another error. _` C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu> gulp bundle Build target: DEBUG [09:29:52] Using gulpfile ~\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\gulpfile.js [09:29:52] Starting 'bundle'... [09:29:52] Starting gulp [09:29:52] Starting subtask 'pre-copy'... [09:29:52] Finished subtask 'pre-copy' after 60 ms [09:29:52] Starting subtask 'copy-static-assets'... [09:29:52] Starting subtask 'sass'... Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db

Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating [09:29:52] Finished subtask 'sass' after 548 ms [09:29:52] Starting subtask 'tslint'... [09:29:52] [tslint] tslint version: 5.20.1 [09:29:52] Starting subtask 'tsc'... [09:29:52] [tsc] typescript version: 3.9.10 [09:29:52] Finished subtask 'copy-static-assets' after 689 ms [09:29:57] Finished subtask 'tsc' after 4.62 s [09:29:57] Finished subtask 'tslint' after 4.96 s [09:29:57] Starting subtask 'post-copy'... [09:29:57] Finished subtask 'post-copy' after 282 μs [09:29:57] Starting subtask 'configure-webpack'... [09:29:58] Finished subtask 'configure-webpack' after 814 ms [09:29:58] Starting subtask 'webpack'... [09:30:05] Error - [webpack] 'dist': ./lib/components/ListItemsMenu.js Module not found: Error: Can't resolve 'ListItemsMenuWebPartStrings' in 'C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\components' resolve 'ListItemsMenuWebPartStrings' in 'C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\components' Parsed request is a module using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./lib/components) Field 'browser' doesn't contain a valid alias configuration resolve as module C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\components\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\components\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\lib doesn't exist or is not a directory C:\Users(username)\node_modules doesn't exist or is not a directory C:\Users(username)\lib doesn't exist or is not a directory C:\Users\node_modules doesn't exist or is not a directory C:\Users\lib doesn't exist or is not a directory C:\node_modules doesn't exist or is not a directory C:\lib doesn't exist or is not a directory looking for modules in C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./node_modules) Field 'browser' doesn't contain a valid alias configuration looking for modules in C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./lib) Field 'browser' doesn't contain a valid alias configuration using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./node_modules/ListItemsMenuWebPartStrings) no extension Field 'browser' doesn't contain a valid alias configuration using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./lib/ListItemsMenuWebPartStrings) no extension Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.wasm doesn't exist .mjs Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.wasm doesn't exist .mjs Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.mjs doesn't exist .js Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.mjs doesn't exist .js Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.json doesn't exist C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.json doesn't exist as directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings doesn't exist as directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings doesn't exist [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\components\node_modules] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\components\lib] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\node_modules] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\lib] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\node_modules] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\lib] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\node_modules] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\lib] [C:\Users(username)\CustomWebPart\node_modules] [C:\Users(username)\CustomWebPart\lib] [C:\Users(username)\node_modules] [C:\Users(username)\lib] [C:\Users\node_modules] [C:\Users\lib] [C:\node_modules] [C:\lib] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.wasm] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.wasm] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.mjs] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.mjs] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.js] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.js] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.json] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.json] @ ./lib/components/ListItemsMenu.js 49:0-55 327:21-45 @ ./lib/webparts/listItemsMenu/ListItemsMenuWebPart.js ./lib/webparts/listItemsMenu/ListItemsMenuWebPart.js Module not found: Error: Can't resolve 'ListItemsMenuWebPartStrings' in 'C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\listItemsMenu' resolve 'ListItemsMenuWebPartStrings' in 'C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\listItemsMenu' Parsed request is a module using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./lib/webparts/listItemsMenu) Field 'browser' doesn't contain a valid alias configuration resolve as module C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\listItemsMenu\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\listItemsMenu\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\lib doesn't exist or is not a directory C:\Users(username)\node_modules doesn't exist or is not a directory C:\Users(username)\lib doesn't exist or is not a directory C:\Users\node_modules doesn't exist or is not a directory C:\Users\lib doesn't exist or is not a directory C:\node_modules doesn't exist or is not a directory C:\lib doesn't exist or is not a directory looking for modules in C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./node_modules) Field 'browser' doesn't contain a valid alias configuration looking for modules in C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./lib) Field 'browser' doesn't contain a valid alias configuration using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./node_modules/ListItemsMenuWebPartStrings) no extension Field 'browser' doesn't contain a valid alias configuration using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./lib/ListItemsMenuWebPartStrings) no extension Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.wasm doesn't exist .mjs Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.wasm doesn't exist .mjs Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.mjs doesn't exist .js Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.mjs doesn't exist .js Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.json doesn't exist C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.json doesn't exist as directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings doesn't exist as directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings doesn't exist [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\listItemsMenu\node_modules] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\listItemsMenu\lib] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\node_modules] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\lib] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\node_modules] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\lib] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\node_modules] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\lib] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\node_modules] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\lib] [C:\Users(username)\CustomWebPart\node_modules] [C:\Users(username)\CustomWebPart\lib] [C:\Users(username)\node_modules] [C:\Users(username)\lib] [C:\Users\node_modules] [C:\Users\lib] [C:\node_modules] [C:\lib] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.wasm] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.wasm] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.mjs] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.mjs] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.js] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.js] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.json] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.json] @ ./lib/webparts/listItemsMenu/ListItemsMenuWebPart.js 52:0-55 262:33-64 266:35-57 269:39-68

[09:30:05] Finished subtask 'webpack' after 6.84 s [09:30:05] Finished 'bundle' after 13 s [09:30:05] ==================[ Finished ]================== Error - [webpack] 'dist': ./lib/components/ListItemsMenu.js Module not found: Error: Can't resolve 'ListItemsMenuWebPartStrings' in 'C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/components' resolve 'ListItemsMenuWebPartStrings' in 'C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/components' Parsed request is a module using description file: C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/package.json (relative path: ./lib/components) Field 'browser' doesn't contain a valid alias configuration resolve as module C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/components/node_modules doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/components/lib doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/node_modules doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/lib doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/node_modules doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/lib doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/node_modules doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/lib doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/node_modules doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/lib doesn't exist or is not a directory C:/Users/(username)/node_modules doesn't exist or is not a directory C:/Users/(username)/lib doesn't exist or is not a directory C:/Users/node_modules doesn't exist or is not a directory C:/Users/lib doesn't exist or is not a directory C:/node_modules doesn't exist or is not a directory C:/lib doesn't exist or is not a directory looking for modules in C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules using description file: C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/package.json (relative path: ./node_modules) Field 'browser' doesn't contain a valid alias configuration looking for modules in C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib using description file: C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/package.json (relative path: ./lib) Field 'browser' doesn't contain a valid alias configuration using description file: C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/package.json (relative path: ./node_modules/ListItemsMenuWebPartStrings) no extension Field 'browser' doesn't contain a valid alias configuration using description file: C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/package.json (relative path: ./lib/ListItemsMenuWebPartStrings) no extension Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings.wasm doesn't exist .mjs Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings.wasm doesn't exist .mjs Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings.mjs doesn't exist .js Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings.mjs doesn't exist .js Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings.json doesn't exist C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings.json doesn't exist as directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings doesn't exist as directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings doesn't exist [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/components/node_modules] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/components/lib] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/node_modules] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/lib] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/node_modules] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/lib] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/node_modules] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/lib] [C:/Users/(username)/CustomWebPart/node_modules] [C:/Users/(username)/CustomWebPart/lib] [C:/Users/(username)/node_modules] [C:/Users/(username)/lib] [C:/Users/node_modules] [C:/Users/lib] [C:/node_modules] [C:/lib] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings.wasm] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings.wasm] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings.mjs] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings.mjs] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings.js] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings.js] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings.json] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings.json] @ ./lib/components/ListItemsMenu.js 49:0-55 327:21-45 @ ./lib/webparts/listItemsMenu/ListItemsMenuWebPart.js ./lib/webparts/listItemsMenu/ListItemsMenuWebPart.js Module not found: Error: Can't resolve 'ListItemsMenuWebPartStrings' in 'C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/webparts/listItemsMenu' resolve 'ListItemsMenuWebPartStrings' in 'C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/webparts/listItemsMenu' Parsed request is a module using description file: C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/package.json (relative path: ./lib/webparts/listItemsMenu) Field 'browser' doesn't contain a valid alias configuration resolve as module C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/webparts/listItemsMenu/node_modules doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/webparts/listItemsMenu/lib doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/webparts/node_modules doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/webparts/lib doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/node_modules doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/lib doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/node_modules doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/lib doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/node_modules doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/lib doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/node_modules doesn't exist or is not a directory C:/Users/(username)/CustomWebPart/lib doesn't exist or is not a directory C:/Users/(username)/node_modules doesn't exist or is not a directory C:/Users/(username)/lib doesn't exist or is not a directory C:/Users/node_modules doesn't exist or is not a directory C:/Users/lib doesn't exist or is not a directory C:/node_modules doesn't exist or is not a directory C:/lib doesn't exist or is not a directory looking for modules in C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules using description file: C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/package.json (relative path: ./node_modules) Field 'browser' doesn't contain a valid alias configuration looking for modules in C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib using description file: C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/package.json (relative path: ./lib) Field 'browser' doesn't contain a valid alias configuration using description file: C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/package.json (relative path: ./node_modules/ListItemsMenuWebPartStrings) no extension Field 'browser' doesn't contain a valid alias configuration using description file: C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/package.json (relative path: ./lib/ListItemsMenuWebPartStrings) no extension Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings.wasm doesn't exist .mjs Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings.wasm doesn't exist .mjs Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings.mjs doesn't exist .js Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings.mjs doesn't exist .js Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings.json doesn't exist C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings.json doesn't exist as directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings doesn't exist as directory C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings doesn't exist [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/webparts/listItemsMenu/node_modules] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/webparts/listItemsMenu/lib] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/webparts/node_modules] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/webparts/lib] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/node_modules] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/lib] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/node_modules] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/lib] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/node_modules] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/lib] [C:/Users/(username)/CustomWebPart/node_modules] [C:/Users/(username)/CustomWebPart/lib] [C:/Users/(username)/node_modules] [C:/Users/(username)/lib] [C:/Users/node_modules] [C:/Users/lib] [C:/node_modules] [C:/lib] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings.wasm] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings.wasm] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings.mjs] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings.mjs] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings.js] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings.js] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/node_modules/ListItemsMenuWebPartStrings.json] [C:/Users/(username)/CustomWebPart/sp-dev-fx-webparts/samples/react-list-items-menu/lib/ListItemsMenuWebPartStrings.json] @ ./lib/webparts/listItemsMenu/ListItemsMenuWebPart.js 52:0-55 262:33-64 266:35-57 269:39-68

[09:30:06] Project react-list-items-menu version:1.0.3 [09:30:06] Build tools version:3.17.17 [09:30:06] Node version:v14.15.0 [09:30:06] Total duration:17 s [09:30:06] Task errors:1`_

@Joanna2211 Are you able to gulp serve at all? Based on error messages it doesn't appear to be ready. Can you share or let us know what you get when you run gulp serve folllowed by gulp build?

@Joanna2211 Are you able to gulp serve at all? Based on error messages it doesn't appear to be ready. Can you share or let us know what you get when you run gulp serve folllowed by gulp build?

Hi @gretchunkim, gulp serve also encounters the same error message. It can pop up a browser to show the workbench.aspx however, cannot find the web part. PS C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu> npm list --depth=0 -g C:\Users(username)\AppData\Roaming\npm +-- @angular/cli@13.3.3 +-- @microsoft/generator-sharepoint@1.14.0 +-- @microsoft/rush-stack-compiler-3.2@0.10.48 +-- gulp-cli@2.3.0 +-- npm-check-updates@12.5.9 +-- react@18.0.0 +-- typescript@4.6.3 +-- uuid@8.3.2 `-- yo@4.3.0

PS C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu> gulp serve Build target: DEBUG [11:05:54] Using gulpfile ~\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\gulpfile.js [11:05:54] Starting 'serve'... [11:05:54] Starting gulp [11:05:54] Starting subtask 'spfx-serve'... [11:05:54] [spfx-serve] To load your scripts, use this query string: ?debug=true&noredir=true&debugManifestsFile=https://localhost:4321/temp/manifests.js [11:05:54] Warning - [spfx-serve] When serving in HTTPS mode, a PFX cert path or a cert path and a key path must be provided, or a dev certificate must be generated and trusted. If a SSL certificate isn't provided, a default, self-signed certificate will be used. Expect browser security warnings. [11:05:54] Starting server... [11:05:54] Finished subtask 'spfx-serve' after 226 ms [11:05:54] Starting subtask 'pre-copy'... [11:05:54] Finished subtask 'pre-copy' after 78 ms [11:05:54] Starting subtask 'copy-static-assets'... [11:05:54] Starting subtask 'sass'... [11:05:54] Server started https://localhost:4321 [11:05:54] LiveReload started on port 35729 [11:05:54] Running server [11:05:54] Opening https://m365x56770927.sharepoint.com/sites/PrototypeDemo/_layouts/workbench.aspx using the default OS app Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db

Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating [11:05:55] Finished subtask 'sass' after 1.04 s [11:05:55] Starting subtask 'tslint'... [11:05:56] [tslint] tslint version: 5.20.1 [11:05:56] Starting subtask 'tsc'... [11:05:56] [tsc] typescript version: 3.9.10 [11:05:58] Finished subtask 'copy-static-assets' after 3.18 s [11:06:03] Finished subtask 'tsc' after 7.96 s [11:06:04] Finished subtask 'tslint' after 8.45 s [11:06:04] Starting subtask 'post-copy'... [11:06:04] Finished subtask 'post-copy' after 320 μs [11:06:04] Starting subtask 'configure-webpack'... [11:06:06] Finished subtask 'configure-webpack' after 1.87 s [11:06:06] Starting subtask 'webpack'... [11:06:18] Error - [webpack] 'dist': ./lib/components/ListItemsMenu.js Module not found: Error: Can't resolve 'ListItemsMenuWebPartStrings' in 'C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\components' resolve 'ListItemsMenuWebPartStrings' in 'C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\components' Parsed request is a module using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./lib/components) Field 'browser' doesn't contain a valid alias configuration resolve as module C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\components\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\components\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\node_modules doesn't exist or is not a directory
C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\lib doesn't exist or is not a directory C:\Users(username)\node_modules doesn't exist or is not a directory C:\Users(username)\lib doesn't exist or is not a directory C:\Users\node_modules doesn't exist or is not a directory C:\Users\lib doesn't exist or is not a directory C:\node_modules doesn't exist or is not a directory C:\lib doesn't exist or is not a directory looking for modules in C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./node_modules) Field 'browser' doesn't contain a valid alias configuration looking for modules in C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib
using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./lib) Field 'browser' doesn't contain a valid alias configuration using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./node_modules/ListItemsMenuWebPartStrings) no extension Field 'browser' doesn't contain a valid alias configuration using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./lib/ListItemsMenuWebPartStrings) no extension Field 'browser' doesn't contain a valid alias configuration looking for modules in C:\Users(username)\CustomWebPart\node_modules No description file found Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.wasm doesn't exist .mjs Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.wasm doesn't exist .mjs Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.mjs doesn't exist .js Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.mjs doesn't exist .js Field 'browser' doesn't contain a valid alias configuration No description file found no extension Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.json doesn't exist C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.json doesn't exist C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings.wasm doesn't exist .mjs Field 'browser' doesn't contain a valid alias configuration as directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings doesn't exist as directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings doesn't exist C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings.mjs doesn't exist .js Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings.json doesn't exist as directory C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings doesn't exist [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\components\node_modules]
[C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\components\lib] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\node_modules] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\lib] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\node_modules] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\lib] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\node_modules] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\lib] [C:\Users(username)\CustomWebPart\lib] [C:\Users(username)\node_modules] [C:\Users(username)\lib] [C:\Users\node_modules] [C:\Users\lib] [C:\node_modules] [C:\lib] [C:\Users(username)\CustomWebPart\node_modules\package.json] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings]
[C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.wasm] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.wasm] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.mjs] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.mjs][C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings\package.json] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.js] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.js] [C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.json] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.json] [C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings.wasm] [C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings.mjs] [C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings.js] [C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings.json] @ ./lib/components/ListItemsMenu.js 49:0-55 327:21-45 @ ./lib/webparts/listItemsMenu/ListItemsMenuWebPart.js ./lib/webparts/listItemsMenu/ListItemsMenuWebPart.js Module not found: Error: Can't resolve 'ListItemsMenuWebPartStrings' in 'C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\listItemsMenu' resolve 'ListItemsMenuWebPartStrings' in 'C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\listItemsMenu' Parsed request is a module using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./lib/webparts/listItemsMenu) Field 'browser' doesn't contain a valid alias configuration resolve as module C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\listItemsMenu\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\listItemsMenu\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\node_modules doesn't exist or is not a directory
C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\node_modules doesn't exist or is not a directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\lib doesn't exist or is not a directory C:\Users(username)\CustomWebPart\lib doesn't exist or is not a directory C:\Users(username)\node_modules doesn't exist or is not a directory C:\Users(username)\lib doesn't exist or is not a directory C:\Users\node_modules doesn't exist or is not a directory C:\Users\lib doesn't exist or is not a directory C:\node_modules doesn't exist or is not a directory C:\lib doesn't exist or is not a directory looking for modules in C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./node_modules) Field 'browser' doesn't contain a valid alias configuration looking for modules in C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib
using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./lib) Field 'browser' doesn't contain a valid alias configuration using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./node_modules/ListItemsMenuWebPartStrings) no extension Field 'browser' doesn't contain a valid alias configuration using description file: C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json (relative path: ./lib/ListItemsMenuWebPartStrings) no extension Field 'browser' doesn't contain a valid alias configuration looking for modules in C:\Users(username)\CustomWebPart\node_modules No description file found Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.wasm doesn't exist .mjs Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.wasm doesn't exist .mjs Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.mjs doesn't exist .js Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.mjs doesn't exist .js Field 'browser' doesn't contain a valid alias configuration No description file found no extension Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.json doesn't exist C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.json doesn't exist C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings.wasm doesn't exist .mjs Field 'browser' doesn't contain a valid alias configuration as directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings doesn't exist as directory C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings doesn't exist C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings.mjs doesn't exist .js Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings.json doesn't exist as directory C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings doesn't exist [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\listItemsMenu\node_modules] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\listItemsMenu\lib]
[C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\node_modules] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\webparts\lib] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\node_modules] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\lib] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\node_modules] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\lib] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\node_modules] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\lib] [C:\Users(username)\CustomWebPart\lib] [C:\Users(username)\node_modules] [C:\Users(username)\lib] [C:\Users\node_modules] [C:\Users\lib] [C:\node_modules] [C:\lib] [C:\Users(username)\CustomWebPart\node_modules\package.json] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings]
[C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.wasm] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.wasm] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.mjs] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.mjs][C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings\package.json] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.js] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.js] [C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\ListItemsMenuWebPartStrings.json] [C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\lib\ListItemsMenuWebPartStrings.json] [C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings.wasm] [C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings.mjs] [C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings.js] [C:\Users(username)\CustomWebPart\node_modules\ListItemsMenuWebPartStrings.json] @ ./lib/webparts/listItemsMenu/ListItemsMenuWebPart.js 52:0-55 262:33-64 266:35-57 269:39-68

[11:06:18] Finished subtask 'webpack' after 13 s [11:06:18] Starting subtask 'reload'... [11:06:18] Finished subtask 'reload' after 2.52 ms

@Joanna2211 My recommendation will be to

run npm outdated This is to identify if there are mismatching version/packages. Try to resolve all outdated packages colored in red.
After matching or resolving npm outdated issue (installing needed npm packages) then attemp to run gulp build and gulp serve. Without successful result from gulp buid/gulp serve gulp won't be able to bundle.

Hi @gretchunkim , I use npm-check-updates then update all outdated packages. Still get error when run gulp build. PS C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu> npm-check-updates Checking C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json [====================] 48/48 100%

@microsoft/sp-core-library 1.13.0 → 1.14.0
@microsoft/sp-lodash-subset 1.13.0 → 1.14.0 @microsoft/sp-office-ui-fabric-core 1.13.0 → 1.14.0 @microsoft/sp-property-pane 1.13.0 → 1.14.0 @microsoft/sp-webpart-base 1.11.0 → 1.14.0 @pnp/pnpjs ^2.0.6 → ^2.13.0 @pnp/spfx-controls-react 1.19.0 → 3.7.2 @pnp/spfx-property-controls 1.19.0 → 3.6.0 @types/jquery ^3.5.0 → ^3.5.14 @uifabric/file-type-icons ^7.6.11 → ^7.8.8 date-fns ^2.25.0 → ^2.28.0 jquery ^3.5.1 → ^3.6.0 jsstore ^3.10.3 → ^4.3.8 moment ^2.29.1 → ^2.29.3 office-ui-fabric-react 7.174.1 → 7.185.3 react 16.13.1 → 18.0.0 react-dom 16.13.1 → 18.0.0 @microsoft/microsoft-graph-types ^1.12.0 → ^2.19.0 @microsoft/rush-stack-compiler-3.9 0.4.47 → 0.4.48 @microsoft/sp-build-web 1.13.0 → 1.14.0 @microsoft/sp-module-interfaces 1.13.0 → 1.14.0 @microsoft/sp-tslint-rules 1.13.0 → 1.14.0 @types/react 16.9.51 → 18.0.5 @types/react-dom 16.9.8 → 18.0.1 @types/webpack-env 1.13.1 → 1.16.4 @voitanos/jest-preset-spfx-react16 ^1.3.2 → ^1.5.0 ajv ~5.2.2 → ~8.11.0 cross-env 7.0.2 → 7.0.3 css-loader 3.4.2 → 6.7.1 del 5.1.0 → 6.0.0 file-loader ^6.1.0 → ^6.2.0 fork-ts-checker-webpack-plugin 4.1.0 → 7.2.6 jest ^23.6.0 → ^27.5.1 jest-junit ^10.0.0 → ^13.2.0 lodash ^4.17.15 → ^4.17.21 node-sass 4.13.1 → 7.0.1 sass-loader 8.0.2 → 12.6.0 spfx-uifabric-themes ^0.8.0 → ^0.9.0 style-loader 1.1.3 → 3.3.1 ts-loader 6.2.1 → 9.2.8 typescript ~3.7.x → ~4.6.x webpack 4.42.0 → 5.72.0 webpack-cli 3.3.11 → 4.9.2 webpack-dev-server 3.10.3 → 4.8.1

Run ncu -u to upgrade package.json PS C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu> ncu -u
Upgrading C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json [====================] 48/48 100%

@microsoft/sp-core-library 1.13.0 → 1.14.0 @microsoft/sp-lodash-subset 1.13.0 → 1.14.0 @microsoft/sp-office-ui-fabric-core 1.13.0 → 1.14.0 @microsoft/sp-property-pane 1.13.0 → 1.14.0 @microsoft/sp-webpart-base 1.11.0 → 1.14.0 @pnp/pnpjs ^2.0.6 → ^2.13.0 @pnp/spfx-controls-react 1.19.0 → 3.7.2 @pnp/spfx-property-controls 1.19.0 → 3.6.0 @types/jquery ^3.5.0 → ^3.5.14 @uifabric/file-type-icons ^7.6.11 → ^7.8.8 date-fns ^2.25.0 → ^2.28.0 jquery ^3.5.1 → ^3.6.0 jsstore ^3.10.3 → ^4.3.8 moment ^2.29.1 → ^2.29.3 office-ui-fabric-react 7.174.1 → 7.185.3 react 16.13.1 → 18.0.0 react-dom 16.13.1 → 18.0.0 @microsoft/microsoft-graph-types ^1.12.0 → ^2.19.0 @microsoft/rush-stack-compiler-3.9 0.4.47 → 0.4.48 @microsoft/sp-build-web 1.13.0 → 1.14.0 @microsoft/sp-module-interfaces 1.13.0 → 1.14.0 @microsoft/sp-tslint-rules 1.13.0 → 1.14.0 @types/react 16.9.51 → 18.0.5 @types/react-dom 16.9.8 → 18.0.1 @types/webpack-env 1.13.1 → 1.16.4 @voitanos/jest-preset-spfx-react16 ^1.3.2 → ^1.5.0 ajv ~5.2.2 → ~8.11.0 cross-env 7.0.2 → 7.0.3 css-loader 3.4.2 → 6.7.1 css-modules-typescript-loader 4.0.0 → 4.0.1 fork-ts-checker-webpack-plugin 4.1.0 → 7.2.6 jest ^23.6.0 → ^27.5.1 jest-junit ^10.0.0 → ^13.2.0 lodash ^4.17.15 → ^4.17.21 node-sass 4.13.1 → 7.0.1 sass-loader 8.0.2 → 12.6.0 spfx-uifabric-themes ^0.8.0 → ^0.9.0 style-loader 1.1.3 → 3.3.1 ts-loader 6.2.1 → 9.2.8 typescript ~3.7.x → ~4.6.x webpack 4.42.0 → 5.72.0 webpack-cli 3.3.11 → 4.9.2 webpack-dev-server 3.10.3 → 4.8.1

Run npm install to install new versions.

PS C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu> npm install npm WARN deprecated tslint@6.1.3: TSLint has been deprecated in favor of ESLint. Please see https://github.com/palantir/tslint/issues/4534 for more information. npm WARN deprecated spfx-uifabric-themes@0.8.5: spfx-uifabric-themes will not be maintained in future - checkout https://my.n8d.at/htwoo
npm WARN deprecated uuid@3.1.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 @types/classnames@2.3.1: This is a stub types definition. classnames provides its own type definitions, so you do not need this installed. 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 fsevents@2.1.3: "Please update to latest v2.3 or v2.2" npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated read-package-tree@5.1.6: The functionality that this package provided is now in @npmcli/arborist npm WARN deprecated @opentelemetry/types@0.2.0: Package renamed to @opentelemetry/api, see https://github.com/open-telemetry/opentelemetry-js npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x. npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.
npm WARN deprecated @types/anymatch@3.0.0: This is a stub types definition. anymatch provides its own type definitions, so you do not need this installed.

node-sass@7.0.1 install C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\node-sass node scripts/install.js

Downloading binary from https://github.com/sass/node-sass/releases/download/v7.0.1/win32-x64-83_binding.node Download complete..] - : Binary saved to C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\node-sass\vendor\win32-x64-83\binding.node Caching binary to C:\Users(username)\AppData\Roaming\npm-cache\node-sass\7.0.1\win32-x64-83_binding.node

@pnp/spfx-controls-react@3.7.2 postinstall C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\@pnp\spfx-controls-react node postinstall/install.js

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::: : :::::::::::::::::::::::::::::::::::::::: ::: : ::::: ::::::::::::::: :::::: :::::::: :::::::::: :::::::: : ::::: :::: :::::::::::::: :::: ::::: :::: :::: ::: ::: ::: ::: : ::::: :::: :: :: :::: ::: ::::: :::::: :::: :::: ::::::: :::: :::: : ::::: :::: ::: ::: ::::::: :::::: ::::::::: ::::::: ::::: : ::::: :::::::: ::: ::: ::::::::::: :::: :::: ::: ::::::: : ::::: :::::::: ::: ::: ::::::::::: :::::::: :::: ::: :::: :::: : :::::::::::::::::::::::::::::::::::::::: : :::::::::::::::::::::::::::::::::::::::: : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: : : : :::: :::: ::: : :::::: :::::: :::: :: ::::: : : ::: ::: ::: ::: :: :: :: :: ::: ::: :: :: : : :: :: :: ::::::: :: ::::: :: :: :: ::: : : ::: ::: ::: :: ::: :: :: :: ::: ::: :: :: : : :::: :::: : :: :: :: :: :::: ::::: ::::: : : : ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

INFO: Adding the required localized resource configuration to the config.json file. INFO: Localized resource added.

@pnp/spfx-property-controls@3.6.0 postinstall C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\@pnp\spfx-property-controls node postinstall/install.js

INFO: Adding the required localized resource configuration to the config.json file. INFO: Localized resource added.

@voitanos/jest-preset-spfx-react16@1.5.0 postinstall C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\@voitanos\jest-preset-spfx-react16 node scripts/postinstall.js

JEST PRESET POSTINSTALL STEP 1 of 4... INFO: Adding Jest configuration file to: ./config/jest.config.json .. jest.config.json exists... verifying properties ACTION REQUIRED: ensure jest.config.json has "preset": "@voitanos/jest-preset-spfx" JEST PRESET POSTINSTALL STEP 2 of 4... INFO: Updating NPM script 'test' to use Jest. JEST PRESET POSTINSTALL STEP 3 of 4... INFO: Ensure tsconfig.json includes '@types/jest' in the types property .. Jest type declarations not present... INFO: tsconfig.json updated to include Jest type declarations JEST PRESET POSTINSTALL STEP 4 of 4... ACTION REQUIRED: Install Jest v26.6.3 by executing the following command in the console: npm install jest@26.6.3 --save-dev --save-exact

node-sass@7.0.1 postinstall C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\node-sass node scripts/build.js

Binary found at C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\node_modules\node-sass\vendor\win32-x64-83\binding.node Testing binary Binary is fine npm WARN notsup Unsupported engine for eslint-plugin-promise@6.0.0: wanted: {"node":"^12.22.0 || ^14.17.0 || >=16.0.0"} (current: {"node":"14.15.0","npm":"6.14.8"}) npm WARN notsup Not compatible with your version of node/npm: eslint-plugin-promise@6.0.0 npm WARN notsup Unsupported engine for @typescript-eslint/parser@5.6.0: wanted: {"node":"^12.22.0 || ^14.17.0 || >=16.0.0"} (current: {"node":"14.15.0","npm":"6.14.8"}) npm WARN notsup Not compatible with your version of node/npm: @typescript-eslint/parser@5.6.0 npm WARN notsup Unsupported engine for @typescript-eslint/typescript-estree@5.6.0: wanted: {"node":"^12.22.0 || ^14.17.0 || >=16.0.0"} (current: {"node":"14.15.0","npm":"6.14.8"}) npm WARN notsup Not compatible with your version of node/npm: @typescript-eslint/typescript-estree@5.6.0 npm WARN notsup Unsupported engine for @typescript-eslint/eslint-plugin@5.6.0: wanted: {"node":"^12.22.0 || ^14.17.0 || >=16.0.0"} (current: {"node":"14.15.0","npm":"6.14.8"}) npm WARN notsup Not compatible with your version of node/npm: @typescript-eslint/eslint-plugin@5.6.0 npm WARN notsup Unsupported engine for @typescript-eslint/experimental-utils@5.6.0: wanted: {"node":"^12.22.0 || ^14.17.0 || >=16.0.0"} (current: {"node":"14.15.0","npm":"6.14.8"}) npm WARN notsup Not compatible with your version of node/npm: @typescript-eslint/experimental-utils@5.6.0 npm WARN notsup Unsupported engine for @typescript-eslint/scope-manager@5.6.0: wanted: {"node":"^12.22.0 || ^14.17.0 || >=16.0.0"} (current: {"node":"14.15.0","npm":"6.14.8"}) npm WARN notsup Not compatible with your version of node/npm: @typescript-eslint/scope-manager@5.6.0 npm WARN notsup Unsupported engine for @typescript-eslint/types@5.6.0: wanted: {"node":"^12.22.0 || ^14.17.0 || >=16.0.0"} (current: {"node":"14.15.0","npm":"6.14.8"}) npm WARN notsup Not compatible with your version of node/npm: @typescript-eslint/types@5.6.0 npm WARN notsup Unsupported engine for @typescript-eslint/visitor-keys@5.6.0: wanted: {"node":"^12.22.0 || ^14.17.0 || >=16.0.0"} (current: {"node":"14.15.0","npm":"6.14.8"}) npm WARN notsup Not compatible with your version of node/npm: @typescript-eslint/visitor-keys@5.6.0 npm WARN notsup Unsupported engine for eslint-visitor-keys@3.3.0: wanted: {"node":"^12.22.0 || ^14.17.0 || >=16.0.0"} (current: {"node":"14.15.0","npm":"6.14.8"}) npm WARN notsup Not compatible with your version of node/npm: eslint-visitor-keys@3.3.0 npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^2.1.2 (node_modules\jest-haste-map\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules\sass\node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules\watchpack\node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.1.2 (node_modules\@rushstack\typings-generator\node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules\fork-ts-checker-webpack-plugin\node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^2.3.2 (node_modules\jest\node_modules\jest-haste-map\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^2.3.2 (node_modules\jest-circus\node_modules\jest-haste-map\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules\webpack-dev-server\node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN @fluentui/react-focus@7.18.1 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-focus@7.18.1 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-focus@7.18.1 requires a peer of react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-focus@7.18.1 requires a peer of react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@1.7.4 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@1.7.4 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@1.7.4 requires a peer of react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@1.7.4 requires a peer of react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/utilities@7.33.5 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/utilities@7.33.5 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/utilities@7.33.5 requires a peer of react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/utilities@7.33.5 requires a peer of react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-window-provider@1.0.2 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-window-provider@1.0.2 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@1.7.4 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@1.7.4 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/foundation@7.10.1 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/foundation@7.10.1 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/react-hooks@7.14.0 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/react-hooks@7.14.0 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/utilities@7.33.5 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/utilities@7.33.5 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.156.0 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.156.0 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-window-provider@1.0.2 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-window-provider@1.0.2 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@1.7.4 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@1.7.4 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/foundation@7.10.1 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/foundation@7.10.1 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/react-hooks@7.14.0 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/react-hooks@7.14.0 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/utilities@7.33.5 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/utilities@7.33.5 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.156.0 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.156.0 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-window-provider@1.0.2 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-window-provider@1.0.2 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@1.7.4 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@1.7.4 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/foundation@7.10.1 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/foundation@7.10.1 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/react-hooks@7.14.0 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/react-hooks@7.14.0 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/utilities@7.33.5 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/utilities@7.33.5 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.156.0 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.156.0 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-window-provider@1.0.2 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-window-provider@1.0.2 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@1.7.4 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@1.7.4 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/foundation@7.10.1 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/foundation@7.10.1 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/react-hooks@7.14.0 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/react-hooks@7.14.0 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/utilities@7.33.5 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/utilities@7.33.5 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.156.0 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.156.0 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.180.0 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.180.0 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.180.0 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.180.0 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/file-type-icons@7.8.8 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/file-type-icons@7.8.8 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/file-type-icons@7.8.8 requires a peer of react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/file-type-icons@7.8.8 requires a peer of react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@2.6.5 requires a peer of @types/react@>=16.8.0 <18.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.174.1 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.174.1 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.174.1 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.174.1 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.185.3 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.185.3 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.185.3 requires a peer of react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.185.3 requires a peer of react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-focus@7.18.3 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-focus@7.18.3 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-focus@7.18.3 requires a peer of react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-focus@7.18.3 requires a peer of react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.180.0 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.180.0 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/utilities@7.34.0 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/utilities@7.34.0 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/utilities@7.34.0 requires a peer of react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/utilities@7.34.0 requires a peer of react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@1.7.5 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@1.7.5 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@1.7.5 requires a peer of react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@1.7.5 requires a peer of react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-window-provider@1.0.2 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-window-provider@1.0.2 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-window-provider@1.0.2 requires a peer of react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-window-provider@1.0.2 requires a peer of react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/react-hooks@7.14.1 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/react-hooks@7.14.1 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/react-hooks@7.14.1 requires a peer of react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/react-hooks@7.14.1 requires a peer of react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/foundation@7.10.2 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/foundation@7.10.2 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/foundation@7.10.2 requires a peer of react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @uifabric/foundation@7.10.2 requires a peer of react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.180.0 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN office-ui-fabric-react@7.180.0 requires a peer of @types/react-dom@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@2.6.5 requires a peer of @types/react@>=16.8.0 <18.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/theme@2.6.5 requires a peer of react@>=16.8.0 <18.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-hooks@8.5.4 requires a peer of @types/react@>=16.8.0 <18.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-hooks@8.5.4 requires a peer of react@>=16.8.0 <18.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-window-provider@2.2.0 requires a peer of @types/react@>=16.8.0 <18.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-window-provider@2.2.0 requires a peer of react@>=16.8.0 <18.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-northstar@0.51.3 requires a peer of react@^16.8.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-northstar@0.51.3 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-theme-provider@0.18.5 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-theme-provider@0.18.5 requires a peer of react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-compose@0.19.15 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-compose@0.19.15 requires a peer of react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN react-accessible-accordion@3.3.5 requires a peer of react@^16.3.2 || ^17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN react-accessible-accordion@3.3.5 requires a peer of react-dom@^16.3.3 || ^17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN react-quill@1.3.5 requires a peer of react@^0.14.9 || ^15.3.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/utilities@8.8.2 requires a peer of @types/react@>=16.8.0 <18.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/utilities@8.8.2 requires a peer of react@>=16.8.0 <18.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-component-event-listener@0.51.7 requires a peer of react@^16.8.0 || ^17 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-component-event-listener@0.51.7 requires a peer of react-dom@^16.8.0 || ^17 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-component-nesting-registry@0.51.7 requires a peer of react@^16.8.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-component-nesting-registry@0.51.7 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-bindings@0.51.7 requires a peer of react@^16.8.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-bindings@0.51.7 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-compose@0.12.8 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-compose@0.12.8 requires a peer of react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-context-selector@0.51.7 requires a peer of react@^16.8.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-component-ref@0.51.7 requires a peer of react@^16.8.0 || ^17 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-component-ref@0.51.7 requires a peer of react-dom@^16.8.0 || ^17 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-icons-northstar@0.51.7 requires a peer of react@^16.8.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-icons-northstar@0.51.7 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-northstar-styles-renderer@0.51.7 requires a peer of react@^16.8.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-northstar-fela-renderer@0.51.7 requires a peer of react@^16.8.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-northstar-fela-renderer@0.51.7 requires a peer of react-dom@^16.8.0 but none is installed. You must install peer dependencies yourself. npm WARN react-fela@10.8.2 requires a peer of react@^16.3.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-stylesheets@0.2.5 requires a peer of @types/react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @fluentui/react-stylesheets@0.2.5 requires a peer of react@>=16.8.0 <17.0.0 but none is installed. You must install peer dependencies yourself. npm WARN react-ace@5.8.0 requires a peer of react@^0.13.0 || ^0.14.0 || ^15.0.1 || ^16.0.0 but none is installed. You must install peer dependencies yourself. npm WARN react-ace@5.8.0 requires a peer of react-dom@^0.13.0 || ^0.14.0 || ^15.0.1 || ^16.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @pnp/sp-taxonomy@1.3.11 requires a peer of @pnp/logging@1.3.11 but none is installed. You must install peer dependencies yourself.npm WARN @pnp/sp-taxonomy@1.3.11 requires a peer of @pnp/common@1.3.11 but none is installed. You must install peer dependencies yourself. npm WARN @pnp/sp-taxonomy@1.3.11 requires a peer of @pnp/odata@1.3.11 but none is installed. You must install peer dependencies yourself. npm WARN @pnp/sp-taxonomy@1.3.11 requires a peer of @pnp/sp@1.3.11 but none is installed. You must install peer dependencies yourself. npm WARN @pnp/sp-clientsvc@1.3.11 requires a peer of @pnp/common@1.3.11 but none is installed. You must install peer dependencies yourself.npm WARN @pnp/sp-clientsvc@1.3.11 requires a peer of @pnp/logging@1.3.11 but none is installed. You must install peer dependencies yourself. npm WARN @pnp/sp-clientsvc@1.3.11 requires a peer of @pnp/odata@1.3.11 but none is installed. You must install peer dependencies yourself. npm WARN @pnp/sp-clientsvc@1.3.11 requires a peer of @pnp/sp@1.3.11 but none is installed. You must install peer dependencies yourself. npm WARN @voitanos/jest-preset-spfx-react16@1.5.0 requires a peer of jest@26.6.3 but none is installed. You must install peer dependencies yourself. npm WARN tslint-microsoft-contrib@6.2.0 requires a peer of typescript@^2.1.0 || ^3.0.0 but none is installed. You must install peer dependencies yourself. npm WARN ajv-keywords@3.5.2 requires a peer of ajv@^6.9.1 but none is installed. You must install peer dependencies yourself. npm WARN terser-webpack-plugin@1.4.5 requires a peer of webpack@^4.0.0 but none is installed. You must install peer dependencies yourself. npm WARN @microsoft/hashed-folder-copy-plugin@1.14.0 requires a peer of webpack@^4.44.2 but none is installed. You must install peer dependencies yourself. npm WARN @rushstack/localization-plugin@0.9.11 requires a peer of webpack@^4.31.0 but none is installed. You must install peer dependencies yourself. npm WARN @rushstack/module-minifier-plugin@0.6.11 requires a peer of webpack@^4.31.0 but none is installed. You must install peer dependencies yourself. npm WARN enzyme-adapter-react-16@1.15.6 requires a peer of react@^16.0.0-0 but none is installed. You must install peer dependencies yourself. npm WARN enzyme-adapter-react-16@1.15.6 requires a peer of react-dom@^16.0.0-0 but none is installed. You must install peer dependencies yourself. npm WARN ts-jest@26.5.6 requires a peer of jest@>=26 <27 but none is installed. You must install peer dependencies yourself. npm WARN react-test-renderer@16.8.6 requires a peer of react@^16.0.0 but none is installed. You must install peer dependencies yourself. npm WARN enzyme-adapter-utils@1.14.0 requires a peer of react@0.13.x || 0.14.x || ^15.0.0-0 || ^16.0.0-0 but none is installed. You must install peer dependencies yourself. npm WARN airbnb-prop-types@2.16.0 requires a peer of react@^0.14 || ^15.0.0 || ^16.0.0-alpha but none is installed. You must install peer dependencies yourself. npm WARN acorn-import-assertions@1.8.0 requires a peer of acorn@^8 but none is installed. You must install peer dependencies yourself. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\@jest\reporters\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\@jest\core\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\@jest\transform\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os"npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\@microsoft\gulp-core-build\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

added 978 packages from 448 contributors, removed 891 packages, updated 510 packages, moved 192 packages and audited 4218 packages in 176.495s

158 packages are looking for funding run npm fund for details

found 263 vulnerabilities (18 low, 164 moderate, 58 high, 23 critical) run npm audit fix to fix them, or npm audit for details PS C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu> npm-check-updates Checking C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\package.json [====================] 48/48 100%

All dependencies match the latest package versions :) PS C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu> npm outdated PS C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu> PS C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu> gulp build Build target: DEBUG [11:55:09] Using gulpfile ~\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu\gulpfile.js [11:55:09] Starting 'build'... [11:55:09] Starting gulp [11:55:09] Starting subtask 'pre-copy'... [11:55:09] Finished subtask 'pre-copy' after 90 ms [11:55:09] Starting subtask 'copy-static-assets'... [11:55:09] Starting subtask 'sass'... [11:55:10] Finished subtask 'sass' after 589 ms [11:55:10] Starting subtask 'tslint'... [11:55:10] [tslint] tslint version: 5.20.1 [11:55:10] Starting subtask 'tsc'... [11:55:10] [tsc] typescript version: 3.9.10 [11:55:10] Finished subtask 'copy-static-assets' after 717 ms [11:55:14] Finished subtask 'tslint' after 4.22 s [11:55:15] Error - [tsc] src/components/ListItemsMenu.tsx(310,8): error TS2769: No overload matches this call. [11:55:15] [tsc] Overload 1 of 2, '(props: ICustomizerProps | Readonly): Customizer', gave the following error. [11:55:15] [tsc] Type '{ children: Element; settings: { theme: IReadonlyTheme; }; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly'. [11:55:15] [tsc] Property 'children' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly'. [11:55:15] [tsc] Overload 2 of 2, '(props: ICustomizerProps, context: any): Customizer', gave the following error. [11:55:15] [tsc] Type '{ children: Element; settings: { theme: IReadonlyTheme; }; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly'. [11:55:15] [tsc] Property 'children' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly'. [11:55:15] Error - 'tsc' sub task errored after 4.95 s exited with code 2 [11:55:15] 'build' errored after 5.73 s [11:55:15] About to exit with code: 1 Process terminated before summary could be written, possible error in async code not continuing! Trying to exit with exit code 1 PS C:\Users(username)\CustomWebPart\sp-dev-fx-webparts\samples\react-list-items-menu>

@Joanna2211 so what's your result when you run npm list --global --depth=0️ ?

I just saw your error message and noticed this portion being off: [11:05:54] [spfx-serve] To load your scripts, use this query string: ?debug=true&noredir=true&debugManifestsFile=https://localhost:4321/temp/manifests.js

your url is updated on serve.json, correct?

Also, it appears code needs to be changed in these following files that is preventing gulp to run:

src/components/ListItemsMenu.tsx
ICustomizerProps

If all checked out, open https://localhost:4321/temp/manifests.js and accept the warning message.

@gretchunkim , thanks for your help!! npm list --global --depth=0 result as follow: +-- @angular/cli@13.3.3 +-- @microsoft/generator-sharepoint@1.13.1 +-- @microsoft/rush-stack-compiler-3.2@0.10.48 +-- gulp-cli@2.3.0 +-- npm-check-updates@12.5.9 +-- react@18.0.0 +-- typescript@4.6.3 +-- uuid@8.3.2 `-- yo@4.3.0

Here is my serve.json { "$schema": "https://developer.microsoft.com/json-schemas/core-build/serve.schema.json", "port": 4321, "https": true, "initialPage": "https://m365x56770927.sharepoint.com/sites/PrototypeDemo/_layouts/workbench.aspx" } When I open open https://localhost:4321/temp/manifests.js, It only shows the content of manifests.js

@Joanna2211 Few discrepancies that I see and specifically react@18.0.0 vs "react": "16.13.1" well as generator-sharepoint and typescript. Compare your result with hugo's https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-list-items-menu/package.json

One simple thing you can do (beside above) is to run gulp trust-dev-cert . If you have access to docker that will save a lot of your headache as well!

Here

Please note that this issue will be closed within 24 hours because it has been flagged as having invalid authors. Read the guidance and @mention the authors so they can respond to you.

Closing this issue due to lack of response. Feel free to open a new issue, but make sure to follow the guidance on how to create good issues and @mention the authors so they can respond to you.

pnp / sp-dev-fx-webparts