博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue开发的项目中遇到的警告,报错,配置项目文件等合集(长期更新)
阅读量:6079 次
发布时间:2019-06-20

本文共 1321 字,大约阅读时间需要 4 分钟。

1. Vue组件里面data()里面没有return时触发错误:Vue components Cannot read property '__ob__' of undefined

这个警告不解决会触发错误:

2. Vue项目开启局域网访问

有的项目比如移动端需要在手机上调试,这个时候需要用局域网开启在手机上查看。

解决方法:在配置文件加 --host 0.0.0.0

或者:

3.当我们运行打包脚本npm run build或者打包ios weexpack build ios有可能会遇到以下报错:ERROR in xxx.js from UglifyJs

这是因为webpack在打包vue文件时没有成功转换ES6的语法

解决方法:

解决方法很简单,加入babel-preset-es2015插件即可

1、安装依赖包

$ npm install --save-dev babel-preset-es2015

 

ps:babel-loaderbabel-core应该是默认装好的,如果没有安装,请重新安装

 

2、修改【webpack.config.js】配置文件

找到 /\.js$/的rules,进行修改

 

{        test: /\.js$/,        use: [{          loader: 'babel-loader',          options: {             presets: ['es2015']          }        }]      }

 

3、根目录下添加【.babelrc】文件

文件内容:

 

{  "presets": ["es2015"]} 差不多效果是这样的: 下面也不知道会有了那么多东西,就这样用吧
{  "presets": [    ["env", {      "modules": false,      "targets": {        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]      }    }],    "stage-2"  ],  "plugins": ["transform-vue-jsx", "transform-runtime"]}

4.运行项目时报错 Error: No PostCSS Config found in... 

 有时候clone下来的项目安装运行后会报这个错误,解决方法:

在项目根目录新建postcss.config.js文件,并对postcss进行配置:

module.exports = {      plugins: {        'autoprefixer': {browsers: 'last 5 version'}      }    }

 在npm run dev 就好了。postcss配置在 webpack.config.js   postcss.config.js是针对webpack3.0做的特殊处理。

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/wangmaoling/p/10751600.html

你可能感兴趣的文章
使用Chrome快速实现数据的抓取(一)——概述
查看>>
数据库原理及应用第7章课后习题答案
查看>>
开始前的准备
查看>>
LeetCode(30) Substring with Concatenation of All Words
查看>>
互联网广告思维导图,各种名称解释看这篇就够了
查看>>
SQL索引一步到位
查看>>
Java中toArray的用法探究(java数组与list转换)
查看>>
Linux服务器沦陷为肉鸡的全过程实录
查看>>
POCO库中文编程参考指南(4)Poco::Net::IPAddress
查看>>
国内混合APP开发技术选型
查看>>
VMware下Ubuntu与Windows实现文件共享的方法
查看>>
MyBatis学习总结——实现关联表查询(转)
查看>>
由于SSH配置文件的不匹配,导致的Permission denied (publickey)及其解决方法
查看>>
jqgrid 查询
查看>>
再谈.net的堆和栈---.NET Memory Management Basics
查看>>
BBS论坛(二十二)
查看>>
JS 的加密库简介
查看>>
Spring Boot 集成 Swagger2 与配置 OAuth2.0 授权
查看>>
Virtualbox中Linux添加新磁盘并创建分区
查看>>
Spring ConfigurationClassPostProcessor Bean解析及自注册过程
查看>>