这是我第一次尝试vue-cli,为了避免全局安装npm-packages我使用Vagrant.
Vagrantfile
Vagrant.configure("2") do |config| config.vm.Box = "ubuntu/xenial64" config.vm.hostname="vagrant" config.vm.network "forwarded_port",guest: 8080,host: 4545 config.vm.synced_folder ".","/home/project" config.vm.provision :shell,path: "provision.sh",privileged: false end
provision.sh
#!/usr/bin/env bash # installing packages sudo apt update sudo apt install build-essential libssl-dev -y # installing nvm curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.32.1/install.sh | bash source ~/.nvm/nvm.sh # installing node nvm install node nvm alias default node nvm use node # installing vue-cli npm install -g vue-cli
Init项目并安装:
vue init webpack my-project
npm安装
项目结构:
. ├── my-project │ ├── build │ ├── config │ ├── index.html │ ├── node_modules │ ├── package.json │ ├── README.md │ ├── src │ ├── static │ └── test ├── provision.sh └── Vagrantfile
运行命令后,npm run dev出现两个警告:
(node:1787) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: Exited with code 3
(node:1787) DeprecationWarning: Unhandled promise rejections are deprecated. In the future,promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
一切正常
DONE Compiled successfully in 4188ms > Listening at http://localhost:8080
我可以在localhost:4545上看到正在运行的项目
然后我编辑Hello.vue文件并保存.即使强制重启,浏览器也不会更改.
在终端中,在待机模式下也没有任何变化.
仅当中断命令npm运行dev并再次运行时,更改才会可见.
解决方法
原文地址:https://www.jb51.cc/js/158934.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。