在WSL Ubuntu中运行npx出现CMD.EXE与UNC路径错误求助

问题根源 #

你当前调用的是Windows版本的npx/Node.js，导致CMD被启动后无法识别WSL的UNC路径格式，默认切换到Windows系统目录，因此找不到WSL项目中的CSS文件。

解决方案 #

• 确认Node.js/npx的运行环境
  运行以下命令检查当前node和npx的位置：

  which node
  which npx
  

  如果输出是/mnt/c/开头的Windows路径，说明用的是Windows版Node.js，需要切换到WSL原生版本。

• 安装WSL原生Node.js
  以Ubuntu为例，执行以下命令安装WSL版Node.js和npm：

  sudo apt update && sudo apt install nodejs npm
  sudo npm install -g npx
  

  再次运行which node和which npx，确认输出为WSL系统路径（如/usr/bin/node）。

• 修改Makefile或指定npx绝对路径
  直接在Makefile的命令里指定WSL的npx绝对路径，替换原来的npx：

  all:
      /usr/bin/npx tailwindcss -i ./static/src/input.css -o ./static/dist/css/output.css
  

  或者确保终端环境变量优先加载WSL的bin目录，让npx默认调用WSL版本。

• 避免通过Windows资源管理器打开WSL目录
  不要从Windows文件资源管理器的\\wsl.localhost\...路径下启动终端，直接在WSL终端里用cd ~/template/src进入项目目录，再执行make。

内容的提问来源于stack exchange，提问作者Simon