![[玫瑰]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_103.6c2eed8.png)
乐享qicheng
前端开发
获得徽章 14
我用的是vform自定义表单二次修改的（
vform666.com）。
问题：同一个页面中有两个上传的组件，因为和安卓做了交互，现在点击上面的上传按钮，上传的图片跑到下面显示了。（图一，图二，图三），
做过的请求援助，谢谢掘友了。
vform666.com）。问题：同一个页面中有两个上传的组件，因为和安卓做了交互，现在点击上面的上传按钮，上传的图片跑到下面显示了。（图一，图二，图三），
做过的请求援助，谢谢掘友了。
1
点赞
一：Syntax Error: SassError: expected selector报错的解决方案
二：分析及解决：
因为写样式的时候，我在 < style > 标签中写了scoped 属性，这样导致我写的样式不能够传递给子组件，所以我写了一个 /deep/ 想要使用样式穿透，让子组件匹配上这个样式，但是不行，报了图片中的这个错误；
后来通过查资料发现，原来是我写的 /deep/ 出了问题；
如果使用 less 对 css 做出预处理的话，使用 /deep/ 就可以完成样式穿透的行为；
但是我使用的 scss 对 css 做出的预处理，所以不能够使用 /deep/ 而应该使用 ::v-deep 才对，于是我便用 ::v-deep 替换了 /deep/ 就解决了这个问题。
二：分析及解决：
因为写样式的时候，我在 < style > 标签中写了scoped 属性，这样导致我写的样式不能够传递给子组件，所以我写了一个 /deep/ 想要使用样式穿透，让子组件匹配上这个样式，但是不行，报了图片中的这个错误；
后来通过查资料发现，原来是我写的 /deep/ 出了问题；
如果使用 less 对 css 做出预处理的话，使用 /deep/ 就可以完成样式穿透的行为；
但是我使用的 scss 对 css 做出的预处理，所以不能够使用 /deep/ 而应该使用 ::v-deep 才对，于是我便用 ::v-deep 替换了 /deep/ 就解决了这个问题。
展开
2
2
node如何安装指定版本（最详细教程）
前提：在你已经安装成功node版本后的前提下，替换版本
1，中文官网地址：nodejs.org
2，点击其他下载。（图一）
3，选中以往版本。（图二）
4，找到你要下载的版本并点击下载（以14.21.3为例，图三）
5，点击win-x64(看自己电脑选择，图四)
6，点击node.exe（图五）
7，找到之前node的安装路径，并替换第6步下载的node.exe
7.1，打开cmd，输入命令”where node“（图六）
8，在第7步获取node的安装地址打开，将第六步的下载的安装包替换点击继续即可（图七）
9，node -v 查看是否安装成功。
前提：在你已经安装成功node版本后的前提下，替换版本
1，中文官网地址：
nodejs.org2，点击其他下载。（图一）
3，选中以往版本。（图二）
4，找到你要下载的版本并点击下载（以14.21.3为例，图三）
5，点击win-x64(看自己电脑选择，图四)
6，点击node.exe（图五）
7，找到之前node的安装路径，并替换第6步下载的node.exe
7.1，打开cmd，输入命令”where node“（图六）
8，在第7步获取node的安装地址打开，将第六步的下载的安装包替换点击继续即可（图七）
9，node -v 查看是否安装成功。
展开
20
2
tsc报错处理，输入tsc --out app.js Test.ts时报错。
问题一：tsc : 无法将“tsc”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。
解决：1，确保已安装 TypeScript：请访问www.typescriptlang.org 下载并安装 TypeScript。（也可以使用cmd全局安装，npm install -g typescript）。
2，验证 TypeScript 是否安装成功：在终端中运行 "tsc --version" 命令，如果成功安装，将显示 TypeScript 版本号。
问题2：tsc : 无法加载文件 C:\Users\gs004\AppData\Roaming\npm\tsc.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
分析：这个错误是由于 PowerShell 执行策略限制导致的。在某些系统上，默认情况下会禁止运行脚本，这可能会妨碍执行 tsc 命令。
解决：1，以管理员身份打开一个新的 PowerShell 窗口。
2，运行命令来检查当前的执行策略：Get-ExecutionPolicy。
3，如果结果显示为 Restricted，则表示策略被设置为禁止运行脚本。你需要将其更改为允许脚本的策略。可以使用这个命令来修改执行策略：Set-ExecutionPolicy RemoteSigned
4，选择 "Yes" 来确认更改。尝试再次运行 tsc 命令，它应该能够正常工作。
问题3：Duplicate function implementation.ts(2393)
function drawAllShape(shape: Drawing.IShape): void (+1 overload)
分析：这个错误是TypeScript编译器报错，表示在函数实现中有重复的函数签名。通常这种错误会在以下情况下发生
解决：1，是因为将ts转为js文本后。出现了此问题。将js文本删除就不会，这里用于测试nodejs运行，才将ts转为js的。（图一，图二）
问题一：tsc : 无法将“tsc”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。
解决：1，确保已安装 TypeScript：请访问
www.typescriptlang.org 下载并安装 TypeScript。（也可以使用cmd全局安装，npm install -g typescript）。2，验证 TypeScript 是否安装成功：在终端中运行 "tsc --version" 命令，如果成功安装，将显示 TypeScript 版本号。
问题2：tsc : 无法加载文件 C:\Users\gs004\AppData\Roaming\npm\tsc.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
分析：这个错误是由于 PowerShell 执行策略限制导致的。在某些系统上，默认情况下会禁止运行脚本，这可能会妨碍执行 tsc 命令。
解决：1，以管理员身份打开一个新的 PowerShell 窗口。
2，运行命令来检查当前的执行策略：Get-ExecutionPolicy。
3，如果结果显示为 Restricted，则表示策略被设置为禁止运行脚本。你需要将其更改为允许脚本的策略。可以使用这个命令来修改执行策略：Set-ExecutionPolicy RemoteSigned
4，选择 "Yes" 来确认更改。尝试再次运行 tsc 命令，它应该能够正常工作。
问题3：Duplicate function implementation.ts(2393)
function drawAllShape(shape: Drawing.IShape): void (+1 overload)
分析：这个错误是TypeScript编译器报错，表示在函数实现中有重复的函数签名。通常这种错误会在以下情况下发生
解决：1，是因为将ts转为js文本后。出现了此问题。将js文本删除就不会，这里用于测试nodejs运行，才将ts转为js的。（图一，图二）
展开
2
2
赞了这篇沸点
人生到底是什么呢？常常也问自己一些哲思的问题，没答案，问到最后都是虚无。
只是慢慢学会可接纳自己，诚实地面对自己的不足，意识到了之前人生里的顺利不过是仰仗了好的市场环境，是运气。个体自我的那部分的作用在大环境里是很微弱的，顺的时候要感恩，逆的时候也不用过分苛责自己。
人生或许不在于要成为什么，而是做了什么。
只是慢慢学会可接纳自己，诚实地面对自己的不足，意识到了之前人生里的顺利不过是仰仗了好的市场环境，是运气。个体自我的那部分的作用在大环境里是很微弱的，顺的时候要感恩，逆的时候也不用过分苛责自己。
人生或许不在于要成为什么，而是做了什么。
6
4
#稀土开发者大会2023 # tip：vue3取消正在请求中的接口
可以使用cancel token取消请求
《《
programme1：使用CancelToken.source工厂方法创建cancel token。
var CancelToken = axios.CancelToken
var source = CancelToken.source()
axios.get('user/123',{cancelToken:source.token})
.catch(function(thrown){ if ( axios.isCancel ( thrown )
{ console.log( 'Request canceled' ,thrown.message ) } ) } )else{ //处理错误 }
//取消请求（message参数是可选的）
source.cancel('Operation canceled by the user.')
》》
//console.log("分割符。。。。。。。。。。")
《《
programme2：还可以通过传递一个executor函数到CancelToken的构造函数来创建cancel token。
var CancelToken = axios.CancelToken;
var cancel;
axios.get( '/user/123' { cancelToken : new CancelToken ( function executor ( c ) { cancel = c } ) } )
//取消请求、
cancel();
》》
注意***可以使用同一个cancel token取消多个请求
//console.log("分割符。。。。。。。。。。")
3，用于真实的项目取消请求的处理
如图二三四五
二图（在main.js中声明全局的变量，用于存储请求接口）
三图（在request.js中的请求拦截器，将请求的方法添加到变量中）
四图（取消请求的方法。循环数组，执行每个接口的方法）
五图（在需要的地方执行方法）
可以使用cancel token取消请求
《《
programme1：使用CancelToken.source工厂方法创建cancel token。
var CancelToken = axios.CancelToken
var source = CancelToken.source()
axios.get('user/123',{cancelToken:source.token})
.catch(function(thrown){ if ( axios.isCancel ( thrown )
{ console.log( 'Request canceled' ,thrown.message ) } ) } )else{ //处理错误 }
//取消请求（message参数是可选的）
source.cancel('Operation canceled by the user.')
》》
//console.log("分割符。。。。。。。。。。")
《《
programme2：还可以通过传递一个executor函数到CancelToken的构造函数来创建cancel token。
var CancelToken = axios.CancelToken;
var cancel;
axios.get( '/user/123' { cancelToken : new CancelToken ( function executor ( c ) { cancel = c } ) } )
//取消请求、
cancel();
》》
注意***可以使用同一个cancel token取消多个请求
//console.log("分割符。。。。。。。。。。")
3，用于真实的项目取消请求的处理
如图二三四五
二图（在main.js中声明全局的变量，用于存储请求接口）
三图（在request.js中的请求拦截器，将请求的方法添加到变量中）
四图（取消请求的方法。循环数组，执行每个接口的方法）
五图（在需要的地方执行方法）
展开
1
1
#每日快讯# 接收后端返回的pdf文件流 前端使用Vue-pdf实现预览(分页）
步驟1：儅後端返回的是這種類型的數據時。图一所示。
那么需要将此数据进行拼接。拼接成可以下载的文件地址。
步骤2：将文件流转成blob地址，使用fetch抓取文件流，返回了一个对象，然后再使用blob的方法，每一个地方的返回的数据样式都有，图二所示。
**通过blob方法返回的Blob对象的type一定是“application/pdf”，否则肯定是文件流是错的。
步骤三。项目安装npm install vue-pdf --save，使用vue-pdf来展示。
需要component注册。图三所示。
这样一来就可以在页面很好展示pdf文件了。图四所示。
步驟1：儅後端返回的是這種類型的數據時。图一所示。
那么需要将此数据进行拼接。拼接成可以下载的文件地址。
步骤2：将文件流转成blob地址，使用fetch抓取文件流，返回了一个对象，然后再使用blob的方法，每一个地方的返回的数据样式都有，图二所示。
**通过blob方法返回的Blob对象的type一定是“application/pdf”，否则肯定是文件流是错的。
步骤三。项目安装npm install vue-pdf --save，使用vue-pdf来展示。
需要component注册。图三所示。
这样一来就可以在页面很好展示pdf文件了。图四所示。
展开
7
6
![[呲牙]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_2.cd1e2bd.png)
![[闭嘴]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_8.c6ea514.png)
![[皱眉]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_71.e8c2090.png)
，jym解答下。