chrishuangcf / wiim-mini-ui

Web UI for WiiM Mini device
GNU General Public License v3.0
13 stars 0 forks source link

Windows 11 #9

Open JFBUK opened 11 months ago

JFBUK commented 11 months ago

Hi,

came across your code but am having a lot of difficulty trying to install and run in a Windows 11 environment.

This what I get when I try to run the Yarn build

C:\Users\JFB>yarn ui build yarn run v1.22.19 $ yarn workspace @wiim_mini_ui/web_client build error Unknown workspace "@wiim_mini_ui/web_client". info Visit https://yarnpkg.com/en/docs/cli/workspace for documentation about this command. error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

I have tried following your other instructions

https://github.com/chrishuangcf/wiim-mini-ui#if-you-are-haveing-build-issues-want-to-skip-the-whole-building-process

But an still getting errors.

I am a real neophyte with is so if there are step by step instructions for deploying in Windows available I would be very appreciative

Thanks

chrishuangcf commented 11 months ago

@JFBUK I have not tried on the Windows 11, but it should've worked. @wiim_mini_ui/ directory on linux is using symbolic links to associate the folders (similar to Windows shortcuts?). May I ask what kind of terminal programs are you using? For Yarn or npm alike tools you need to make sure you are in the Linux environment or running Linux terminal like Cygwin or GitBash alike terminal apps instead of power shell or cmd.

Secondly, Yarn workspaces is just an additional layer of npm commands. yarn ui build is basically

cd wiim_mini_ui
npm run build

the only difference is that wiim_mini_ui is a child project. Using Yarn, you only need to install once from the root directory of the project. However! to run from npm commands, you need to change directory into wiim_mini_ui then run npm install to initialize and install all the dependencies first before you can run a build command.

Last, make sure you run yarn ui build at root directory of the project. Otherwise, it won't find the sub project wiim_mini_ui folder by relative location.

Hope that helps! I am working on a re-version which might reduce the hassles for installation.

JFBUK commented 7 months ago

Hi Chris,

I am still having issues installing your project. Undoubtedly its my error/ lack of understanding , but I'm not seeing what I am doing wrong. I have tried to build on two different platforms, a Raspberry Pi running Debian 12, and a windows 11 PC running Debian inside WSL The steps I have executed on each platform are:

  1. install nodejs
  2. install yarn
  3. create a project directory. "wiimnowplaying" in my home directory
  4. Copy the package.json file from your github repository top level to my project directory
  5. cd wiimnowplaying
  6. yarn install
  7. attempt to execute "yarn ui build"

screenshots from the WSL installation

Software versions:

Screenshot 2024-02-06 145706

My Yarn lock file looks like this:

_**# This file is generated by running "yarn install" inside your project.

Manual changes might be lost - proceed with caution!

__metadata: version: 8 cacheKey: 10c0

"typescript@npm:^4.7.4": version: 4.9.5 resolution: "typescript@npm:4.9.5" bin: tsc: bin/tsc tsserver: bin/tsserver checksum: 10c0/5f6cad2e728a8a063521328e612d7876e12f0d8a8390d3b3aaa452a6a65e24e9ac8ea22beb72a924fd96ea0a49ea63bb4e251fb922b12eedfb7f7a26475e5c56 languageName: node linkType: hard

"typescript@patch:typescript@npm%3A^4.7.4#optional!builtin<compat/typescript>": version: 4.9.5 resolution: "typescript@patch:typescript@npm%3A4.9.5#optional!builtin<compat/typescript>::version=4.9.5&hash=289587" bin: tsc: bin/tsc tsserver: bin/tsserver checksum: 10c0/e3333f887c6829dfe0ab6c1dbe0dd1e3e2aeb56c66460cb85c5440c566f900c833d370ca34eb47558c0c69e78ced4bfe09b8f4f98b6de7afed9b84b8d1dd06a1 languageName: node linkType: hard

"wiim_mini_ui@https://github.com/chrishuangcf/wiim-mini-ui": version: 0.1.0 resolution: "wiim_mini_ui@https://github.com/chrishuangcf/wiim-mini-ui.git#commit=4df2eceb22030569591123823a561300a661908a" checksum: 10c0/b0d3e88c27d0bd7d290c63671f814f9b4f8ae49915039f6ef9077134a62b17362314340a722011be049e8e23165f3d30e95eeeb6e02880b324a15ed7e6124c02 languageName: node linkType: hard

"wiim_mini_ui@workspace:.": version: 0.0.0-use.local resolution: "wiim_mini_ui@workspace:." dependencies: typescript: "npm:^4.7.4" wiim_miniui: "https://github.com/chrishuangcf/wiim-mini-ui" languageName: unknown linkType: soft**

the error I get when I run "yarn ui build" is:

Screenshot 2024-02-06 154800

The output from yarn run looks like this

Screenshot 2024-02-06 162949

My directory contents look like this:

Screenshot 2024-02-06 155142

Thanks