SharePoint Framework debugging issue

%3CLINGO-SUB%20id%3D%22lingo-sub-263602%22%20slang%3D%22en-US%22%3ESharePoint%20Framework%20debugging%20issue%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-263602%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EDid%20anyone%20face%20the%20following%20issue%3C%2FP%3E%3CP%3EWhile%20I%20was%20debugging%20SP%20Framework%20code%20I%20got%20%22Unverified%20break%20point%22%20at%20any%20break%20point.%20I%20followed%20all%20steps%20but%20still%20got%20same%20issue.%20I%20saw%20following%20error%20in%20debug%20console.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CDIV%20class%3D%22monaco-tree-row%22%3E%3CDIV%20class%3D%22content%20output%22%3E%3CDIV%20class%3D%22output%20expression%20value-and-source%22%3E%3CSPAN%20class%3D%22value%20error%22%3E%3CSPAN%3E%3CSPAN%20class%3D%22%22%3EFailed%20to%20load%20resource%3A%20the%20server%20responded%20with%20a%20status%20of%20404%20(Not%20Found)%20%5Bhttps%3A%2F%2Flocalhost%3A4321%2Ftemp%2Fworkbench-packages%2F%40microsoft_sp-loader%2Fdist%2Fsp-loader-assembly_default.js%5D%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3CDIV%20class%3D%22source%22%3E%26nbsp%3B%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3CDIV%20class%3D%22monaco-tree-row%22%3E%3CDIV%20class%3D%22content%20output%22%3E%3CDIV%20class%3D%22output%20expression%20value-and-source%22%3E%3CSPAN%20class%3D%22value%20error%22%3E%3CSPAN%3E%3CSPAN%20class%3D%22%22%3EFailed%20to%20load%20resource%3A%20the%20server%20responded%20with%20a%20status%20of%20404%20(Not%20Found)%20%5Bhttps%3A%2F%2Flocalhost%3A4321%2Ftemp%2Fworkbench-packages%2F%40microsoft_sp-webpart-workbench%2Flib%2Fapi%2FworkbenchInit.js%5D%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3CDIV%20class%3D%22source%22%3E%26nbsp%3B%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3CDIV%20class%3D%22monaco-tree-row%22%3E%3CDIV%20class%3D%22content%20output%22%3E%3CDIV%20class%3D%22output%20expression%20value-and-source%22%3E%3CSPAN%20class%3D%22value%20error%22%3E%3CSPAN%3E%3CSPAN%20class%3D%22%22%3EFailed%20to%20load%20resource%3A%20the%20server%20responded%20with%20a%20status%20of%20404%20(Not%20Found)%20%5Bhttps%3A%2F%2Flocalhost%3A4321%2Ftemp%2Fworkbench-packages%2F%40microsoft_sp-loader%2Fdist%2Fsp-loader-assembly_default.js%5D%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3CDIV%20class%3D%22source%22%3E%26nbsp%3B%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3CDIV%20class%3D%22monaco-tree-row%22%3E%3CDIV%20class%3D%22content%20output%22%3E%3CDIV%20class%3D%22output%20expression%20value-and-source%22%3E%3CSPAN%20class%3D%22value%20error%22%3E%3CSPAN%3E%3CSPAN%20class%3D%22%22%3ERefused%20to%20execute%20script%20from%20'https%3A%2F%2Flocalhost%3A4321%2Ftemp%2Fworkbench-packages%2F%40microsoft_sp-loader%2Fdist%2Fsp-loader-assembly_default.js'%20because%20its%20MIME%20type%20('text%2Fhtml')%20is%20not%20executable%2C%20and%20strict%20MIME%20type%20checking%20is%20enabled.%20%5Bhttps%3A%2F%2Flocalhost%3A4321%2Ftemp%2Fworkbench.html%5D%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3CDIV%20class%3D%22source%22%3E%26nbsp%3B%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3CDIV%20class%3D%22monaco-tree-row%22%3E%3CDIV%20class%3D%22content%20output%22%3E%3CDIV%20class%3D%22output%20expression%20value-and-source%22%3E%3CSPAN%20class%3D%22value%20error%22%3E%3CSPAN%3E%3CSPAN%20class%3D%22%22%3EFailed%20to%20load%20resource%3A%20the%20server%20responded%20with%20a%20status%20of%20404%20(Not%20Found)%20%5Bhttps%3A%2F%2Flocalhost%3A4321%2Ftemp%2Fworkbench-packages%2F%40microsoft_sp-webpart-workbench%2Flib%2Fapi%2FworkbenchInit.js%5D%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3CDIV%20class%3D%22source%22%3E%26nbsp%3B%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3CDIV%20class%3D%22monaco-tree-row%22%3E%3CDIV%20class%3D%22content%20output%22%3E%3CDIV%20class%3D%22output%20expression%20value-and-source%22%3E%3CSPAN%20class%3D%22value%20error%22%3E%3CSPAN%3E%3CSPAN%20class%3D%22%22%3ERefused%20to%20execute%20script%20from%20'https%3A%2F%2Flocalhost%3A4321%2Ftemp%2Fworkbench-packages%2F%40microsoft_sp-webpart-workbench%2Flib%2Fapi%2FworkbenchInit.js'%20because%20its%20MIME%20type%20('text%2Fhtml')%20is%20not%20executable%2C%20and%20strict%20MIME%20type%20checking%20is%20enabled.%20%5Bhttps%3A%2F%2Flocalhost%3A4321%2Ftemp%2Fworkbench.html%5D%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3CDIV%20class%3D%22source%22%3E%26nbsp%3B%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3CDIV%20class%3D%22monaco-tree-row%22%3E%3CDIV%20class%3D%22content%20output%22%3E%3CDIV%20class%3D%22output%20expression%20value-and-source%22%3E%3CSPAN%20class%3D%22value%20error%22%3E%3CSPAN%3E%3CSPAN%20class%3D%22%22%3ETypeError%3A%20Cannot%20read%20property%20'start'%20of%20undefined%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3CDIV%20class%3D%22source%22%3Eworkbench.html%3A69%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3CDIV%20class%3D%22monaco-tree-row%22%3E%3CDIV%20class%3D%22content%20output%22%3E%3CDIV%20class%3D%22output%20expression%20value-and-source%22%3E%3CSPAN%20class%3D%22value%20error%22%3E%3CSPAN%3E%3CSPAN%20class%3D%22%22%3Eat%20c%3A%5Cspfxdemo%5Ctemp%5Cworkbench.html%3A69%3A30%3C%2FSPAN%3E%3C%2FSPAN%3E%3C%2FSPAN%3E%3CDIV%20class%3D%22source%22%3E%26nbsp%3B%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FDIV%3E%3CDIV%20class%3D%22monaco-tree-row%22%3E%26nbsp%3B%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-275941%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Framework%20debugging%20issue%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-275941%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-docs%2Fissues%2F2507%22%20rel%3D%22noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-docs%2Fissues%2F2507%3C%2FA%3E%3C%2FP%3E%3CP%3EI%20was%20facing%20the%20same%20problem%20recently.%20I%20found%20the%20suggestion%20in%20the%20above%26nbsp%3Bgithub%20issue%20helpful%20to%20solve%20this%20exact%20problem.%20As%20noted%20in%20the%20issue%2C%20this%20only%20occurs%20for%20projects%20using%20spfx%201.5%20and%20up.%20You%20will%20have%20to%20launch%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Flocalhost%3A5432%2Fworkbench%22%20rel%3D%22nofollow%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Flocalhost%3A5432%2Fworkbench%3C%2FA%3E%3C%2FP%3E%3CP%3Einstead%20of%3CSPAN%3E%26nbsp%3B%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Flocalhost%3A4321%2Ftemp%2Fworkbench.html%22%20rel%3D%22nofollow%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Flocalhost%3A4321%2Ftemp%2Fworkbench.html%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-272024%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Framework%20debugging%20issue%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-272024%22%20slang%3D%22en-US%22%3E%3CP%3ENo%20I%20have%20no%20resolution.%20I%20am%20waiting%20for%20a%20reply%20here%20with%20resolution.%3C%2FP%3E%3CP%3EIf%20you%20find%20something%20please%20post%20it%20here.%20I%20will%20do%20same.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-272023%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Framework%20debugging%20issue%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-272023%22%20slang%3D%22en-US%22%3E%3CP%3EI%20am%20facing%20exactly%20same%20issue.%20Were%20you%20able%20to%20figure%20it%20out%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
New Contributor

Hi 

 

Did anyone face the following issue

While I was debugging SP Framework code I got "Unverified break point" at any break point. I followed all steps but still got same issue. I saw following error in debug console.

 

Failed to load resource: the server responded with a status of 404 (Not Found) [https://localhost:4321/temp/workbench-packages/@microsoft_sp-loader/dist/sp-loader-assembly_default.js]
 
Failed to load resource: the server responded with a status of 404 (Not Found) [https://localhost:4321/temp/workbench-packages/@microsoft_sp-webpart-workbench/lib/api/workbenchInit.js]
 
Failed to load resource: the server responded with a status of 404 (Not Found) [https://localhost:4321/temp/workbench-packages/@microsoft_sp-loader/dist/sp-loader-assembly_default.js]
 
Refused to execute script from 'https://localhost:4321/temp/workbench-packages/@microsoft_sp-loader/dist/sp-loader-assembly_default.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled. [https://localhost:4321/temp/workbench.html]
 
Failed to load resource: the server responded with a status of 404 (Not Found) [https://localhost:4321/temp/workbench-packages/@microsoft_sp-webpart-workbench/lib/api/workbenchInit.js]
 
Refused to execute script from 'https://localhost:4321/temp/workbench-packages/@microsoft_sp-webpart-workbench/lib/api/workbenchInit.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled. [https://localhost:4321/temp/workbench.html]
 
TypeError: Cannot read property 'start' of undefined
workbench.html:69
at c:\spfxdemo\temp\workbench.html:69:30
 
 
3 Replies
Highlighted

I am facing exactly same issue. Were you able to figure it out?

Highlighted

No I have no resolution. I am waiting for a reply here with resolution.

If you find something please post it here. I will do same.

 

Thanks.

 

 

Highlighted

https://github.com/SharePoint/sp-dev-docs/issues/2507

I was facing the same problem recently. I found the suggestion in the above github issue helpful to solve this exact problem. As noted in the issue, this only occurs for projects using spfx 1.5 and up. You will have to launch https://localhost:5432/workbench

instead of https://localhost:4321/temp/workbench.html