Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Can't enable Fluent UI #8

Closed
3 tasks done
chengnan049 opened this issue Sep 5, 2021 · 13 comments
Closed
3 tasks done

Can't enable Fluent UI #8

chengnan049 opened this issue Sep 5, 2021 · 13 comments
Assignees
Labels
bug Something isn't working

Comments

@chengnan049
Copy link

chengnan049 commented Sep 5, 2021

Problem description: Unable to enable Fluent UI

Information:

Version: 1.61.0-insider (system setup)
Commit: 87260247dc7b912db6e6a21a366e6f50dca759ba
Date: 2021-09-03T20:58:36.778Z
Electron: 13.1.8
Chrome: 91.0.4472.164
Node.js: 14.16.0
V8: 9.1.269.39-electron.0
OS: Windows_NT x64 10.0.22000

  • Looking for simliar issues on GitHub
  • Uninstall the software and remove the remaining files and repeat the steps
  • Reproduce issues with the Stable version

How to reproduce:

  1. Install vscode-insider from the official website.The installation directory is D:\Program Files\Microsoft VS Code Insiders

image

  1. Open extensions page and install Fluent UI and then What's New for Fluent UI documentation will open automatically (I don't know why this document can't be opened, maybe I'm in China, but I've opened the proxy tool)

image

image

  1. Run Fluent UI: Enable > a popup with Command 'Fluent UI: Enable' resulted in an error (command 'fluent.enableEffects' not found) error (command 'fluent.enableEffects' not found)

image

Edited: Just edited two stupid spell mistakes🤣🤣🤣

@shanmax-code
Copy link

shanmax-code commented Sep 7, 2021

Same problem on VS 1.61 and 1.58 😓
PS: I'm on windows 11

@wizzymore
Copy link

Same problem for me, after installing the extension i get the same error:

image

@TheOld
Copy link
Owner

TheOld commented Sep 8, 2021

Hi folks, thank you for that. I'll be looking into the issue soon.

@TheOld TheOld self-assigned this Sep 8, 2021
@TheOld TheOld added the bug Something isn't working label Sep 8, 2021
@Aureate-Sunshine
Copy link

Aureate-Sunshine commented Sep 9, 2021

same problem
vscode 1.60.0, Win10 20H2

@TheOld
Copy link
Owner

TheOld commented Sep 9, 2021

Hi y'all.
I've published a new version with a possible fix for this issue.

Would you kindly test it out, please?

I don't have the Insider's version so can't test on that one at the moment. But I hope the fix will work for this version too. The What's New page seems to be the culprit, so I've removed it as it wasn't providing much anyways.

@chengnan049
Copy link
Author

Hi y'all.
I've published a new version with a possible fix for this issue.

Would you kindly test it out, please?

I don't have the Insider's version so can't test on that one at the moment. But I hope the fix will work for this version too. The What's New page seems to be the culprit, so I've removed it as it wasn't providing much anyways.

The problem is solved, but a new problem has emerged
image

@DimitrisMilonopoulos
Copy link

Hi y'all.
I've published a new version with a possible fix for this issue.
Would you kindly test it out, please?
I don't have the Insider's version so can't test on that one at the moment. But I hope the fix will work for this version too. The What's New page seems to be the culprit, so I've removed it as it wasn't providing much anyways.

The problem is solved, but a new problem has emerged
image

Click on settings and Just don't show again, this is an expected behavior as you gain permission to change vscode internal files for styling.

@chengnan049
Copy link
Author

chengnan049 commented Sep 10, 2021 via email

@pavi2410
Copy link

pavi2410 commented Jan 9, 2022

Still have the same problem. Using the latest versions of vscode and this extension.

@TheOld
Copy link
Owner

TheOld commented Jan 19, 2022

Still have the same problem. Using the latest versions of vscode and this extension.

You might have leftover code from the previous version. You might be able to fix by doing this:

  1. Go to the folder (Windows): C:\Users\<username>\AppData\Local\Programs\Microsoft VS Code\resources\app\out\vs\code\electron-browser\workbench\
  2. Open the workbench.html file (you can use any editor if VSCode is not working at this point)
  3. Delete additional <script> tags from the file. They should be surrounded by Fluent-UI comments. If not, you'll want your workbench.html file to look like this:
<!-- Copyright (C) Microsoft Corporation. All rights reserved. -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />


	</head>
	<body aria-label="">
	</body>

	<!-- Init Bootstrap Helpers -->
	<script src="../../../../bootstrap.js"></script>
	<script src="../../../../vs/loader.js"></script>
	<script src="../../../../bootstrap-window.js"></script>

	<!-- Startup via workbench.js -->
	<script src="workbench.js"></script>
</html>
  1. Uninstall the Fluent UI extension.
  2. Restart VSCode
  3. Follow the install instructions again.

Let me know if that doesn't fix your problem.

@pavi2410
Copy link

You might have leftover code from the previous version.

Sorry if I wasn't clear. It was my first time install.

@notAperson535
Copy link
Contributor

@pavi2410 follow the instructions provided. The vscode update messed it up for me and the instructions fixed it.

@fisforfaheem
Copy link

still not fixed? why

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

9 participants