首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue无法加载文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1因为在此系统上禁止运行脚本
解决vue无法加载文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1因为在此系统上禁止运行脚本问题
作者:清风细雨_林木木
这篇文章主要介绍了解决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命令具有提升效果,会提升到整个模块的头部,优先执行,故导致上述问题
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。