vue项目报错总结
刚开始写vue项目的时候,会出现一些基础的错误,这里小小的总结一下。一、space、tab报错Unexpected tab characterMissing space before function parenthesesexpected “indent”, got “outdent”这些报错都是空格和tab的报错问题解决方法:1、因为你设置了eslint,如果你不想...
刚开始写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" />
。
更多推荐
所有评论(0)