拿到已开发好的Vue前端代码如何在本地运行?
package.json文件中已经记录了项目所用的所有依赖及其版本,所以打开cmd,定位到项目的根目录,运行如下代码即可:2.运行在打开package.json文件,查看“start”值是什么,将其输入到cmd中运行完之后,如果出现图片中的情况,说明运行成功。在本地浏览器中输入cmd给出的链接“http://localhost:8080”即可查看在运行完之后,报错如下出现问题的原因应该是版本不匹配
·
1.安装包
package.json文件中已经记录了项目所用的所有依赖及其版本,所以打开cmd,定位到项目的根目录,运行如下代码即可:
npm install
2.运行
在打开package.json文件,查看“start”值是什么,将其输入到cmd中
运行完之后,如果出现图片中的情况,说明运行成功。
在本地浏览器中输入cmd给出的链接“http://localhost:8080”即可查看
3.以下给出容易出问题的情况以及解决办法
(1)Vue packages version mismatch:
在运行完之后,报错如下
出现问题的原因应该是版本不匹配
解决办法:
先卸载vue-template-compiler,再装匹配的版本
npm uninstall vue-template-compiler
npm install vue-template-compiler@2.5.2
(2)Module build failed: Error: No PostCSS Config found in
解决办法:在根目录下新建文件postcss.config.js,在其中添加如下代码:
module.exports = {
plugins: {
'autoprefixer': { browsers: 'last 5 version' }
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)