OfficeDev / teams-toolkit

Developer tools for building Teams apps
Other
453 stars 185 forks source link

⚠️ TTK Warnings when building Tab projects with AzFunc backend (Tab > React w/ Fluent UI) 🚨 Error: ENOENT: no such file or directory #12444

Open andrewconnell opened 2 hours ago

andrewconnell commented 2 hours ago

Describe the bug When building a new project using the Tab > React w/ Fluent UI > TypeScript template, the Start Frontend task throws a few warnings. All are related to dependency @fluentui/react-window-provider

I realize this implies a missing file from a failed/suspect NPM install, but I've observed this behavior multiple times on 5 different machines (3 MacOS, 2 Windows).

I observe when this happens on Windows, the TTK doesn't launch a browser window when debugging, but the user can manually open the browser, manually upload the app, and start testing. This does not happen on MacOS.

Click to view errors ❌ in the terminal window output from **Start Frontend** ```console WARNING in ./node_modules/@fluentui/react-window-provider/lib/WindowProvider.js Module Warning (from ./node_modules/source-map-loader/dist/cjs.js): Failed to parse source map from '/Users/ac/_play/TeamsTabs01/node_modules/@fluentui/react-window-provider/src/WindowProvider.tsx' file: Error: ENOENT: no such file or directory, open '/Users/ac/_play/TeamsTabs01/node_modules/@fluentui/react-window-provider/src/WindowProvider.tsx' WARNING in ./node_modules/@fluentui/react-window-provider/lib/index.js Module Warning (from ./node_modules/source-map-loader/dist/cjs.js): Failed to parse source map from '/Users/ac/_play/TeamsTabs01/node_modules/@fluentui/react-window-provider/src/index.ts' file: Error: ENOENT: no such file or directory, open '/Users/ac/_play/TeamsTabs01/node_modules/@fluentui/react-window-provider/src/index.ts' WARNING in ./node_modules/@fluentui/react-window-provider/lib/version.js Module Warning (from ./node_modules/source-map-loader/dist/cjs.js): Failed to parse source map from '/Users/ac/_play/TeamsTabs01/node_modules/@fluentui/react-window-provider/src/version.ts' file: Error: ENOENT: no such file or directory, open '/Users/ac/_play/TeamsTabs01/node_modules/@fluentui/react-window-provider/src/version.ts' ```

To Reproduce Steps to reproduce the behavior:

  1. Create a new project using the Tab > React w/ Fluent UI > TypeScript template
  2. Start debugging using the Run & Debug > PLAY
  3. Watch for the Start Frontend terminal window open & start
  4. Open Start Frontend terminal and observe errors.

Expected behavior The task Start Frontend runs without warnings.

Screenshots n/a

VS Code Extension Information (please complete the following information):

CLI Information (please complete the following information):

Additional context n/a

microsoft-github-policy-service[bot] commented 2 hours ago

Thank you for contacting us! Any issue or feedback from you is quite important to us. We will do our best to fully respond to your issue as soon as possible. Sometimes additional investigations may be needed, we will usually get back to you within 2 days by adding comments to this issue. Please stay tuned.