vue样式使用div{@include transition();&:hover{ @include translateY(-10px) }}报错解决方法1.项目根目录下新建一个vue.config.js文件里面写入module.exports = { css: { loaderOptions: { sass: { data: `@import "@/assets/common.scss";` } } }.
这篇博文不会教你怎么安装
vue
,但会告知安装过程中可能遇到的5个问题
5个
报错
①:若
使用
vue
-V查询是否安装
vue
时提示没有找到指令,可能是你没有安装
vue
-cli脚手架(
vue
-cli可快速创建
vue
项目)
②:
vue
安装淘宝镜像时
报错
,提示无效的配置,必须是完整合法的http地址,原因是我在url前面加了1个空格,这里不要有空格
注:安装淘宝镜像后,需要用到npm的地方都可以用cnpm替换,但建议安装模块和插件用cnpm,打包和启动
vue
用npm
(cnpm是国内镜像,npm服务器在国外,固cnpm安装速度更快,但可能出现更新不及时导致出现一些不可预料
如果在每一个.
vue
文件都引入import scss文件,后期维护起来如果修改了scss文件位置,需要一个个修改会很麻烦,如果在main.js里直接import也是行不通的,因为main.js 只能import css文件 scss文件不能直接import,那么怎么才能全局引入呢?
步骤一:下载node-sass sass-loader
npm i -D sass-loader@8.x
npm i node-sass@4.14.1
版本号要注意 之前的文章里有写因为版本号的问题会出现
报错
的问题,就按照这
npm install
vue
-i18n --save
然而最近在
vue
项目中
使用
vue
-i18n的时候,居然
报错
了,通过查找相关的资料终于找到了
解决
的
方法
,下面话不多说了,来一起看看详细的介绍吧
iview-admin框架克隆到本地,添加路由的时候,稍不注意就会遇到以下情况:
Value of key ‘xxx’ is not string!
Cannot translate the value of keypath ‘xxx’. Use the value of keypath as defa
错误如下:
Error: Cannot find module 'webpack-merge'
at Function.Module._resolveFilename (module.js:440:15)
at Function.Module._load (module.js:388:25)
at Module.require (module.js:468:17)
at require (internal/module.js:20:19)
at Object. (D:\node6.2.0\node_global\etc\sellapp\co
<div class="userInfo">
<div class="userAvatar">
<img v-if="userInfo.headImgUrl" :src="userInfo.headImgUrl" alt="">
出现这样错误的原因是在创建store实例之前,没有调用
Vue
.use(
Vue
x),但这个时候会有人说,已经调用了
Vue
.use(
Vue
x),还是会出现这样的错误。究其原因是因为
Vue
脚手架会解析文件中的所有import语句,然后把所有import语句按照编写代码的顺序全都汇总在最上方,之后才会解析文件中的其它代码,这就会使得
Vue
.use(
Vue
x)在store实例之后执行。
解决
办法:
在store文件夹下的...
3、打包处理scss文件
运行npm install sass-loader node-sass -D命令,在webpack.config.js的rules中添加{test:/.scss$/, user:[‘style-loader’,‘css-loader’,‘sass-loader’]}
————————————————
版权声明:本文为CSDN博主「→_→✌」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_
// 第一步
cnpm install babel-plugin-transform-object-rest-spread
// 第二步 看一下你的 .babelrc 里面是否有识别es6语法的配置
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
"stage-2"
1.删掉项目中的node_modules文件夹,
2.执行npmcacheclean或者cnpmcacheclean命令清除掉cache缓存,
3.然后cnpminstall和npmrundev就可以在这台电脑运行你的项目
1.在@
mixin
内部定义变量,
使用
@content占位符来占据后续内容位置。
2.
使用
@
include
来嵌套
使用
,形成BEM命名策略的css样式
3.$block是指input组件, $element是指input里面的元素,例如input框, $modifier是指元素的不同状态。
4.@
mixin
B(){} ==> .zou-input
5.@
mixin
e(){} ==>...
那我为什么还要把它列出来呢,重点在下面:
当我们用@
include
指令调用其他文件时包含的文件就好像是当前JSP文件的一部分,会被同时编译执行(静态包含)。那么它们也会出现这个问题。
在这里我们可以看见,两个不同的jsp内出现同名的变量名时也会进行
报错
。原因就是我们
使用
@
include
指令进行调用了,所以为
这个命令会在全局安装
Vue
CLI,但是如果出现
报错
“66”,一般是由于访问npm仓库失败引起的。可能的原因包括网络异常或者npm仓库系统维护等。你可以尝试以下操作:
1. 检查网络是否正常,尝试重新运行命令。
2. 修改npm源为国内镜像,可以
使用
淘宝镜像或者cnpm。具体
方法
可以参考:https://developer.aliyun.com/mirror/NPM?from=tnpm。
3. 在命令末尾追加--registry=https://registry.npm.taobao.org参数,强制
使用
淘宝镜像进行安装。
希望以上信息能够帮助你
解决
问题。
CSDN-Ada助手:
vue实现本地搜索
CSDN-Ada助手:
vue export default和export function区别
草率了小伙:
vue export default和export function区别
ClorisX_ Epiphany: