解决vue无法加载文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1因为在此系统上禁止运行脚本问题
更新时间：2024年03月12日 16:52:31 作者：清风细雨_林木木
这篇文章主要介绍了解决vue无法加载文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1因为在此系统上禁止运行脚本问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue无法加载文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1因为在此系统上禁止运行脚本
解决方法
1、管理员身份运行PowerShell（命令提示符，来源于Linux的命令提示符也叫Shell）
2、执行：set-ExecutionPolicy RemoteSigned （签名或运行这些脚本）
结束。
vue中文件加载顺序
vue文件加载顺序：index.html>app.vue>main.js
加载顺序详情
- 执行index.html（index.html中id为app的div标签是一个挂载点，之后我们的Vue根实例就会挂载到该挂载点上）
- 执行main.js
- main.js找到实例挂载app.vue文件，将index.html的挂载的内容显示出来（用app.vue的template替换index.html中的<div id="app"></div>）
- main.js中引入了路由，可以将对应的组件渲染到router-view中
- rouer-view加载了Layout文件
- Layout 加载Navbar, Sidebar, AppMain
从加载顺序中可以看出main.js是先执行的，但出现（index.html>app.vue>main.js）问题是由ES6的模块化加载规则导致的
ES6、CommonJs、AMD的加载规则
- CommonJS一般用于服务端比如node,AMD一般用于浏览器环境，并且允许非同步加载模块，可以根据需要动态加载模块；CommonJS和AMD都是运行时加载，ES6模块是编译时输出接口。
- CommonJS模块输出的是一个值的拷贝，ES6模块输出的是值的引用；
- 因为CommonJS加载的是一个对象，（即module.exports属性），该对象只有在脚本运行时才会生成，而ES6模块不是对象，它的对外接口只是一种静态定义，在代码静态解析阶段就会生成。
因为ES6是编译时加载且import命令具有提升效果，会提升到整个模块的头部，优先执行，故导致上述问题
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
BEM是一种前端命名方法论,主要是针对CSS,意思是块（Block）、元素（Element）、修饰符（Modifier）的简写,这种命名方法让CSS便于统一团队开发规范和方便维护,本文给大家介绍了Vue3配置bem样式架构,需要的朋友可以参考下2024-10-10
这篇文章主要介绍了Vue 使用html、css实现鱼骨组件图,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-07-07
这篇文章主要介绍了Vue使用自定义指令实现拖拽行为,结合实例形式分析了Vue使用自定义指令实现拖拽行为具体步骤、原理与操作注意事项,需要的朋友可以参考下2020-06-06
在项目中,实现不同用户的权限控制是常见的需求也是常见的功能模块,本文将以 vue 为主要的代码框架介绍几种常见的权限控制方式,有需要的可以了解下2025-03-03
Vue3中Element Plus Table(表格)点击获取对应id方式
这篇文章主要介绍了Vue3中Element Plus Table(表格)点击获取对应id方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要介绍了vue组写一个组件,需要的朋友可以参考下2018-04-04
这篇文章主要介绍了VUE3中的函数的声明和使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
cross-env 是一个非常实用的 Node.js 包,它允许你跨平台（Windows, macOS, Linux）使用环境变量,这对于在不同的操作系统上运行脚本时保持一致性非常有用,这篇文章主要介绍了vue cross-env使用和配置方法,需要的朋友可以参考下2024-08-08
这篇文章主要介绍了Vue页面刷新记住页面状态的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-12-12
Vue.js虽然说是数据驱动页面的，但是有时候我们也要获取dom对象进行一些操作。这篇文章主要给大家介绍了关于vue第一次获取不到元素的解决方法，需要的朋友可以参考下2021-06-06
最新评论