ChromeOS下VSCode安装React应用遇权限及文件可见性问题

一、EACCES权限错误（无法创建符号链接/全局安装create-react-app） #

原因 #

ChromeOS的Linux容器默认权限限制，通过sudo安装Node.js后，全局npm目录归root所有，普通用户无写入权限，触发npx create-react-app或全局安装时的权限报错。

解决步骤 #

1. 修复npm全局目录权限
   先查看当前npm全局包路径：

   npm config get prefix
   

   若输出为/usr/local，执行以下命令修改目录所属用户：

   sudo chown -R $USER:$USER /usr/local/lib/node_modules
   sudo chown -R $USER:$USER /usr/local/bin
   sudo chown -R $USER:$USER /usr/local/share
   

2. 本地模式执行create-react-app（推荐）
   无需全局安装，直接指定最新版本本地执行，规避权限问题：

   npx create-react-app@latest my-app --use-npm
   

   添加--use-npm强制使用npm，避免默认调用yarn引发其他权限异常。

二、终端创建的文件夹在ChromeOS文件管理器不可见 #

原因 #

ChromeOS的Linux容器拥有独立文件系统，终端创建的文件默认存于容器内部目录，未直接映射到ChromeOS主文件系统。

解决步骤 #

• 直接访问：在ChromeOS文件管理器左侧导航栏找到Linux文件，终端创建的项目文件夹会在此目录下显示。
• 挂载映射：若需在ChromeOS主文件系统中直接访问，可创建软链接：

  ln -s ~/my-app /mnt/chromeos/MyFiles/Projects/my-app
  

  /mnt/chromeos/MyFiles是ChromeOS主文件系统在Linux容器中的挂载路径，完成后即可在「我的文件」的Projects目录下看到目标文件夹。

三、系统更新后Linux容器数据丢失 #

原因 #

ChromeOS系统更新时，若Linux容器出现异常，可能触发容器重置，导致内部存储的数据丢失。

解决步骤 #

1. 定期备份Linux容器
   进入ChromeOS设置，依次打开高级 > 开发者 > Linux开发环境，点击备份，将容器打包保存到ChromeOS云存储或外接存储设备。
2. 将项目存储到主文件系统
   直接在ChromeOS主文件系统的挂载目录下创建项目，文件将不受Linux容器重置影响：

   cd /mnt/chromeos/MyFiles/Projects
   npx create-react-app@latest my-app --use-npm
   

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