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