踩坑记(代码、工具等使用问题)

一、前言

在工作中或者新的框架等都会踩坑，有时同一个还不只一次，感觉有必要记录一下。

这里分类记录下。

二、node 包管理

现在前端框架大行其道。在使用框架的同时需要管理各种包，这里面经常会在 npm install 时出现各种问题。在这里记录下。

1、EPERM: operation not permitted

具体信息：Error: EPERM: operation not permitted, unlink......

解决办法：1、删除 node_modules 文件；2、清理缓存（npm cache clean --force）；3、重新 install

2、check python

具体信息：check python checking for Python executable "python2" in the PATH

解决办法：（缺少python2.7支持 可快速使用以下语句完成安装）

先删除 node_module 文件夹，执行以下语句就可以

1、npm cache clean --force
2、npm install --global --production windows-build-tools
3、npm install node-sass@4.12.0 -S (也可以不带版本号安装最新，tyarn add node-sass -S)
4、npm rebuild node-sass (如果出现 no such flle or directory,scandir '../node_modules/node-sass/vendor' 这个错误时执行)

会卡在这里挺久：

这样处理：

　　1、运行npm install -g windows-build-tools

　　2、在%temp%文件夹中找到最新的文件名类似于dd_installer_20210421124746.log的文件

　　3、查看此文件，确保日志中输出了Closing the installer with exit code 0

　　4、确保你安装了vscode

　　ps：其实可以直接跳过2–4步，因为你的python环境早就安装好了，重复的步骤安装程序早就执行完毕了

　　5、在%temp%目录下创建一个名为dd_client_.log的文件

　　6、编辑5中创建的文件，加入一行   Closing installer. Return code: 3010   然后保存。

　　然后windows-build-tools就可以继续安装了

　　注：直接在资源管理器中粘贴%temp%即可打开你的Windows temp目录。 

三、VS Code

1、powershell

已经安装了 cnpm、yarn 等但是不可用。

解决方法：

1)、以管理员运行 powershell

2)、输入指令：set-ExecutionPolicy RemoteSigned

3)、更改执行策略：A

2、运行 TS 文件

在安装了 code run 插件后，可以直接运行 js 文件，但是 ts 文件一直有问题

是需要再安装其他包：

1)、安装 “Code Runner” 插件

2)、全局安装 ts-node 包：npm install ts-node -g

3、VS code 调试下图片跨域

报错信息：Uncaught DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.

原因是在调试下，图片是本地资源，浏览器认为是跨域，所以有些操作无法进行。

可以下载插件 Live Server，安装完成后，右键=》Open with Live Server，即可查看 html

四、浏览器

1、Chrome 全面崩溃

打开任何网友都崩溃，包括“设置”、“书签等”

解决方法：

1)、Win + R 打开运行对话框，输入 regedit 打开注册表

2)、找到 HKEY_LOCAL_MACHINE \ SOFTWARE \ Policies \ Google \ Chrome （如果没有 Google\Chrome 文件夹，可以新建）

3)、在右侧点击新建 DWORD(32位) （名称输入：RendererCodeIntegrityEnabled，值 0）

4)、重启 Chrome 即可