BenRunInBay / vue3-spfx

Sample Vue 3 app built using Vite that is embedded within an SPFX 1.12 webpart
21 stars 8 forks source link

./make errors on freshly cloned repo #5

Closed LOLCATATONIA closed 2 years ago

LOLCATATONIA commented 2 years ago

vue3-spfx-error

`./make Webpart build, bundle and ship:

REMINDER: update version in package.json before running this script.

Building webpart...

vue3-spfx@3.13.4 build vue-tsc --noEmit && vite build

vite v2.9.0 building for production... ✓ 68 modules transformed. webpart/src/webparts/assets/index.html 1.03 KiB webpart/src/webparts/assets/appcode/index.fe872dcf.css 0.15 KiB / gzip: 0.15 KiB webpart/src/webparts/assets/appcode/index.5d39833f.js 116.96 KiB / gzip: 37.71 KiB Bundling assets...

Build and ship webpart: serviceCatalog

package-solution.json version updated to 3.13.4.0

Bundle assets: index.5d39833f.js, index.fe872dcf.css

Webpart script references new assets.

App script updated with render function.

Packaging for shipping to SharePoint...

Build target: DEBUG [08:57:37] Using gulpfile ~\vue3-spfx-orig\webpart\gulpfile.js [08:57:37] Starting 'clean'... [08:57:37] Starting gulp [08:57:37] Starting subtask 'clean'... [08:57:37] Finished subtask 'clean' after 7.86 ms [08:57:37] Finished 'clean' after 12 ms [08:57:37] ==================[ Finished ]================== [08:57:38] Project servicecatalog version:0.0.1 [08:57:38] Build tools version:3.17.17 [08:57:38] Node version:v14.15.0 [08:57:38] Total duration:28 s Build target: SHIP [08:57:41] Using gulpfile ~\vue3-spfx-orig\webpart\gulpfile.js [08:57:41] Starting 'bundle'... [08:57:41] Starting gulp [08:57:41] Starting subtask 'pre-copy'... [08:57:42] Finished subtask 'pre-copy' after 976 ms [08:57:42] Starting subtask 'copy-static-assets'... [08:57:42] Starting subtask 'sass'... [08:57:43] Finished subtask 'sass' after 459 ms [08:57:43] Starting subtask 'tslint'... [08:57:43] [tslint] tslint version: 5.20.1 [08:57:43] Starting subtask 'tsc'... [08:57:43] [tsc] typescript version: 3.9.10 [08:57:43] Finished subtask 'copy-static-assets' after 708 ms [08:57:48] Error - [tsc] src/webparts/serviceCatalog/ServiceCatalogWebPart.ts(24,28): error TS2307: Cannot find module '../assets/appcode/index.ID.js' or its corresponding type declarations. [08:57:49] Error - 'tsc' sub task errored after 5.79 s exited with code 2 [08:57:49] 'bundle' errored after 7.42 s [08:57:49] 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 Build target: SHIP [08:57:52] Using gulpfile ~\vue3-spfx-orig\webpart\gulpfile.js [08:57:52] Starting 'package-solution'... [08:57:52] Starting gulp [08:57:52] Starting subtask 'package-solution'... [08:57:52] Error - [package-solution] No manifests were found in '\vue3-spfx-orig\webpart\release/manifests'. Ensure a build has completed successfully [08:57:52] Finished subtask 'package-solution' after 18 ms [08:57:52] Finished 'package-solution' after 21 ms [08:57:53] ==================[ Finished ]================== Error - [package-solution] No manifests were found in '/vue3-spfx-orig/webpart/release/manifests'. Ensure a build has completed successfully [08:57:53] Project servicecatalog version:0.0.1 [08:57:53] Build tools version:3.17.17 [08:57:53] Node version:v14.15.0 [08:57:53] Total duration:3.45 s [08:57:53] Task errors:1 The build failed because a task wrote output to stderr. Exiting with exit code: 1 DONE.

Webpart package for uploading to App Catalog is in: webpart/sharepoint/solution/`

steps to reproduce

  1. Clone repo
  2. Delete the contents of the webpart/ folder
  3. Generate the SPFX webpart inside of the webpart folder, selecting "No javascript framework"
  4. Replace your webpart.ts file contents with the one from the webpart-template/src/YOURWebpart/ folder
  5. Copy the webpart-template/src/lib/ folder into webpart/src/
  6. ./make
BenRunInBay commented 2 years ago

The lint error shown in your image will go away once you run make.ps1 which updates those references to the actual files generated by npm run build. I'm not sure about the "No manifests" error. Does this happen if you clone the repo, then run npm install inside of the project directory, again inside of webpart/, and then run make?