解决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命令具有提升效果，会提升到整个模块的头部，优先执行，故导致上述问题
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在 Vue 应用中,使用 Vue Router 可以轻松实现多层嵌套路由的导航,嵌套路由允许你创建一个多层次的 URL 结构,这在构建具有复杂导航结构的应用程序时非常有用,需要的朋友可以参考下2024-10-10
Vue的watch选项提供了多种方法来观测数据属性的变化,让我们能够编写更加优雅和维护性更高的代码,本文给大家介绍Vue中watch的多种使用方法小结,感兴趣的朋友一起看看吧2023-10-10
这篇文章主要介绍了Vue项目中引入 ECharts，ECharts是一个强大的画图插件，在vue项目中，我们常常可以引用Echarts来完成完成一些图表的绘制；以下介绍vue项目中引用并使用ECharts，具有一定的参考价值，需要的小伙伴可以参考一下2021-12-12
这篇文章主要介绍了vue结合AntV G2的使用踩坑记录，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了关于Vue中的watch监视属性,Vue中的watch默认不监视对象内部值的改变,当被监视的属性变化时，回调函数自动调用，进行相关操作,需要的朋友可以参考下2023-04-04
这篇文章主要介绍了vue项目如何设置全局字体样式font-family问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-11-11
这篇文章主要给大家介绍了关于webstorm建立vue-cli脚手架的傻瓜式教程，文中通过图文介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-09-09
这篇文章主要为大家详细介绍了Vue中子组件修改父组件传过来的值的三种方式,文中的示例代码讲解详细,感兴趣的小伙伴可以参考一下2024-12-12
这篇文章主要介绍了vue使用原生swiper代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-02-02
这篇文章主要介绍了Vue之解决Echarts组件使用ID不能复用的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
最新评论