vue项目报错总结

刚开始写vue项目的时候，会出现一些基础的错误，这里小小的总结一下。

一、space、tab报错

Unexpected tab character
Missing space before function parentheses
expected "indent", got "outdent"

这些报错都是空格和tab的报错问题

解决方法：

• 1、因为你设置了eslint，如果你不想有规范的js代码，可以重新初始化关掉eslint。

Use ESLint to lint your code? (Y/n) 这一步选no

在bulid/webpack.base.conf.js里面有配置如下：

module: {
rules: [
...(config.dev.useEslint ? [createLintingRule()] : []),

发现在config目录下index.js文件中，将useEslint: true改为useEslint: false

• 2、在eslintrc.js下添加一行"no-tabs":"off"

二、标签不变色问题

• 1、vue后缀的文件标签不变色

下载一个vue-syntax-highlight-master的插件即可，下载完成后复制到Sublime Text3\Data\Packages目录下（在sublime中点击 首选项-浏览插件即可进入该目录）

• 2、style标签下不变色

若设置了属性**lang=stylus，下载stylus插件**即可

步骤如下：

首选项-package control-install package-stylus

三、package controll报错

需要下载package control才能在sublime安装插件

解决方法就是下载一个新的package control 替换掉原来的就可以了

• 1、在百度搜索package control，点击搜索项第一个，即为package control官网。

• 2、在打开后的页面，点击绿色按钮“install now”，跳转到安装页面

一种是下载package control的应用程序，
另一种是simple方法。

这里分为sublime text2 和sublime text3 安装，根据自己的版本选择合适的安装方法。

复制安装命令。

• 4、打开sublime text3 软件，选择 view（视图），命令行，或者按快捷键Ctrl +·(tab键上面那个键)，即可打开命令行。

• 5、在命令行中粘贴步骤3中的复制内容

• 6、回车进行安装。

四、template报错

报错信息：

You are using the runtime-only build of Vue where the template compiler is not available. 
Either pre-compile the templates into render functions, or use the compiler-included build.

您只使用VUE的运行时版本，其中模板编译器不可用。要么将模板预编译成渲染函数，要么使用编译器包含的构建。

运行时构建不包含模板编译器，因此不支持 template 选项，只能用 render 选项，但即使 使用 运行时构建，在单文件组件中也依然可以写模板，因为单文件组件的模板会在构建时预编译为 render 函数。
解决办法：
在webpack.base.conf.js中配置别名

resolve: {
    alias: {
      'vue':'vue/dist/vue.common',
    }
  }

五、lang=“stylus” scoped

安装stylus：
运行npm install stylus stylus-loader --save
即可使用

<style lang="stylus" scoped>
</style>

scoped属性，它的存在可以让我们的组件的样式保持独立性
如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素
在 XHTML 中, 属性是不允许简写的，scoped 属性必须定义为：<style scoped="scoped" />。