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-loader、babel-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做的特殊处理。