解決vue無(wú)法加載文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本問(wèn)題
更新時(shí)間：2024年03月12日 16:52:31 作者：清風(fēng)細(xì)雨_林木木
這篇文章主要介紹了解決vue無(wú)法加載文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
vue無(wú)法加載文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本
解決方法
1、管理員身份運(yùn)行PowerShell（命令提示符，來(lái)源于Linux的命令提示符也叫Shell）
2、執(zhí)行：set-ExecutionPolicy RemoteSigned （簽名或運(yùn)行這些腳本）
結(jié)束。
vue中文件加載順序
vue文件加載順序：index.html>app.vue>main.js
加載順序詳情
- 執(zhí)行index.html（index.html中id為app的div標(biāo)簽是一個(gè)掛載點(diǎn)，之后我們的Vue根實(shí)例就會(huì)掛載到該掛載點(diǎn)上）
- 執(zhí)行main.js
- main.js找到實(shí)例掛載app.vue文件，將index.html的掛載的內(nèi)容顯示出來(lái)（用app.vue的template替換index.html中的<div id="app"></div>）
- main.js中引入了路由，可以將對(duì)應(yīng)的組件渲染到router-view中
- rouer-view加載了Layout文件
- Layout 加載Navbar, Sidebar, AppMain
從加載順序中可以看出main.js是先執(zhí)行的，但出現(xiàn)（index.html>app.vue>main.js）問(wèn)題是由ES6的模塊化加載規(guī)則導(dǎo)致的
ES6、CommonJs、AMD的加載規(guī)則
- CommonJS一般用于服務(wù)端比如node,AMD一般用于瀏覽器環(huán)境，并且允許非同步加載模塊，可以根據(jù)需要?jiǎng)討B(tài)加載模塊；CommonJS和AMD都是運(yùn)行時(shí)加載，ES6模塊是編譯時(shí)輸出接口。
- CommonJS模塊輸出的是一個(gè)值的拷貝，ES6模塊輸出的是值的引用；
- 因?yàn)镃ommonJS加載的是一個(gè)對(duì)象，（即module.exports屬性），該對(duì)象只有在腳本運(yùn)行時(shí)才會(huì)生成，而ES6模塊不是對(duì)象，它的對(duì)外接口只是一種靜態(tài)定義，在代碼靜態(tài)解析階段就會(huì)生成。
因?yàn)镋S6是編譯時(shí)加載且import命令具有提升效果，會(huì)提升到整個(gè)模塊的頭部，優(yōu)先執(zhí)行，故導(dǎo)致上述問(wèn)題
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
BEM是一種前端命名方法論,主要是針對(duì)CSS,意思是塊（Block）、元素（Element）、修飾符（Modifier）的簡(jiǎn)寫,這種命名方法讓CSS便于統(tǒng)一團(tuán)隊(duì)開發(fā)規(guī)范和方便維護(hù),本文給大家介紹了Vue3配置bem樣式架構(gòu),需要的朋友可以參考下2024-10-10
Vue 使用html、css實(shí)現(xiàn)魚骨組件圖
這篇文章主要介紹了Vue 使用html、css實(shí)現(xiàn)魚骨組件圖,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-07-07
Vue使用自定義指令實(shí)現(xiàn)拖拽行為實(shí)例分析
這篇文章主要介紹了Vue使用自定義指令實(shí)現(xiàn)拖拽行為,結(jié)合實(shí)例形式分析了Vue使用自定義指令實(shí)現(xiàn)拖拽行為具體步驟、原理與操作注意事項(xiàng),需要的朋友可以參考下2020-06-06
Vue實(shí)現(xiàn)不同用戶權(quán)限的方法詳解
在項(xiàng)目中,實(shí)現(xiàn)不同用戶的權(quán)限控制是常見的需求也是常見的功能模塊,本文將以 vue 為主要的代碼框架介紹幾種常見的權(quán)限控制方式,有需要的可以了解下2025-03-03
Vue3中Element Plus Table(表格)點(diǎn)擊獲取對(duì)應(yīng)id方式
這篇文章主要介紹了Vue3中Element Plus Table(表格)點(diǎn)擊獲取對(duì)應(yīng)id方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了vue組寫一個(gè)組件,需要的朋友可以參考下2018-04-04
這篇文章主要介紹了VUE3中的函數(shù)的聲明和使用方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
cross-env 是一個(gè)非常實(shí)用的 Node.js 包,它允許你跨平臺(tái)（Windows, macOS, Linux）使用環(huán)境變量,這對(duì)于在不同的操作系統(tǒng)上運(yùn)行腳本時(shí)保持一致性非常有用,這篇文章主要介紹了vue cross-env使用和配置方法,需要的朋友可以參考下2024-08-08
Vue頁(yè)面刷新記住頁(yè)面狀態(tài)的實(shí)現(xiàn)
這篇文章主要介紹了Vue頁(yè)面刷新記住頁(yè)面狀態(tài)的實(shí)現(xiàn)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-12-12
Vue.js雖然說(shuō)是數(shù)據(jù)驅(qū)動(dòng)頁(yè)面的，但是有時(shí)候我們也要獲取dom對(duì)象進(jìn)行一些操作。這篇文章主要給大家介紹了關(guān)于vue第一次獲取不到元素的解決方法，需要的朋友可以參考下2021-06-06