刚开始写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" />

Logo

前往低代码交流专区

更多推荐