在创建一个vue项目启动时报错，报错的内容为： error in ./src/App.vueModule build failed: Error: No parser and no file path given, couldn’t infer a p arser. at UndefinedParserError.Wrapper (D:\dyyc\bookstore\node_modules_prettier@1. 13.0@prettier\index.js:1948:14) at new UndefinedParserError (D:\dyyc\bookstore\node_modules_prettier@1.13.0 @prettier\index.js:2055:83) at normalize (D:\dyyc\bookstore\n...
一、为什么需要模块化
前面我们讲到的例子都在一个状态树里进行，当一个项目比较大时，所有的状态都集中在一起会得到一个比较大的对象，进而显得臃肿，难以维护。为了解决这个问题，Vuex允许我们将store分割成模块（module），每个module有自己的state，mutation，action，getter，甚至还可以往下嵌套模块，下面我们看一个典型的模块化例子
const moduleA = {state: {....},mutations: {....},actions: {....},getters: {....}
}co...
错误是这样发生的：
//在vue component组件中引入less文件
<style lang="less">@import @/assets/css/public/layout.less;
</style>然后就报错了:
Module build failed:
@import @/assets/css/public/layout.less;
^
Cant resolve ./@/assets/css/public/layout.less in D:\mt\src\layoutin D:\mt\src\layout\default.vue (line 23, column 0).........作为一个初学vue是菜鸟，看到这个错误真的是一脸懵逼，死磕了一天，百度了一天...
v-module 双向绑定实际上就是通过子组件中的 $emit 方法派发 input 事件，父组件监听 input 事件中传递的 value 值，并存储在父组件 data 中；然后父组件再通过 prop 的形式传递给子组件 value 值，再子组件中绑定 input 的 value 属性即可。
我们着手实现一遍：
子组件传值
首先子组件需要一个 input 标签，这个 input 标签需要绑定 input 事件，$emit 触发父组件的 input 事件，通过这种方法子组件传递值给父组件
<input type="t...
一、 前言
在项目如何使用vuex呢？以前我都是非模块末去写的，可能大家和我一样也是这么去写，但是回过头去看看vue的文档，发现模块化去使用vuex更好，vue是单页面应用，其实只有一个页面，那么首页也好列表页也好，那都相当于这一个页面的一个模块，也可以把它理解为是一个一个的组件，毕竟组件化、组件抽离、组件封装是比较火的，所以在使用vuex的模块化的时候就能更好的去管理对应的模块，对于数据分离和定位都非常的好。废话有...
前言
最近学习webpack看到了一个新鲜的东西，之前都是通过scoped来区别类名，秉着任何时候学习都不晚的心情，作为小白的我也想揭揭css module的神秘面纱。css module目的为所有类名重新生成类名，有效避开了css权重和类名重复的问题。相比于scoped为类名添加一个hash标识效果优秀不少，但相对的书写会繁琐一些。项目基于cli3搭建，讲真的，我也是被cli3鬼迷心窍了。相比2的繁琐，3提供界面管理对我这样子的小白确实直观很多，而且需...
想尝试使用vuex的module来进行操作，看了一些资料，我简单进行了一个简化
目录结构：
store
│ index.js
│
├─feeds
│ actions.js
│ getters.js
│ index.js
│ mutation-type.js
│ mutations.js
│ state.js
│
└─moviesactions.jsgetters.jsindex.jsmutation-type.jsmutations.jsstate.js
这里是两个模块feeds和movies
第一步：在store文件夹下的index.js入口文件写入：import Vue from vue;
import Vuex...
scoped css
官方文档
scoped css可以直接在能跑起来的vue项目中使用。
使用方法：
<style scoped>
h1 {color: #f00;
}
</style>使用scoped划分本地样式的结果编译结果如下：
h1[data-v-4c3b6c1c] {color: #f00;
}即在元素中添加了一个唯一属性用来区分。
缺点
一、如果用户在别处定义了相同的类名，也许还是会影响到组件的样式。
二、根据css样式优先级的特性，scoped这种处理会造成每个样式的权重加重了：
即理论上我们要去修改这...
Cant resolve fs in F:\LaGou\03-module\04-min-module\vue-ssr\node_modules
问题解决方案
问题解决方案
关于fs，tls，net 等 node 内置模块已经安装，但是 Cant resolve(无法加载) 的情况，需要在 webpack.config.js 配置文件中，添加如下代码：
module.exports = {node: {fs: 'empty',net: 'empty',tls: 'empty'},
}
问题描述
在使用vue-cli构建的项目里安装Vuetify的时候 启动失败 报了这么一个错误：
Error: Cannot find module 'node-sass'后来自己尝试在项目里安装了node-sass
然而：
Failed at the node-sass@4.14.1 postinstall script.依旧报错原因
Vuetify需要用到node-sass模块 然而自己安装的node-sass模块找不到解决方法
在用vue-cli构建项目的时候就选上【CSS Pre-processors】接下来 在选择CSS Pre-processors的时候 选中【scss with...
**
Vue启动项目，找不到Cannot find module ‘node-sass’ 模块！！！(解决方法)。**
问题点：刚开始启动项目 npm run serve 启动项目报错“Cannot find module ‘node-sass’ “，
报了5个错误，搞了一上午，原来是网络的原因导致下载安装的no-model报的缺失，导致了项目的不完整，所以导致不能重启；
运行命令：cnpm install node-sass@latest 即可解决，（ 网络差的同学可以选择重新下载no-modules）！！！！！！！
在搭建vue脚手架 或者是在vue项目中，想使用sass(scss)的功能，报错Module build failed: TypeError: this.getResolve is not a function at Object.loadernpm install node-sass --save-dev //安装node-sass
npm install sass-loader --save-dev //安装sass-loader
npm install style-loader --save-dev //安装style-loader
安装完成后，运行时出现了错误
Modele build failed: TypeError: this.getResolve is not a function ...
文章目录
前言一、State单一状态树二、Getters基本使用1. 描述和案例2. 案例代码
三、Mutations1. Mutations状态更新2. Mutations传递参数i、概念ii、代码示例
3. Mutations提交风格4. Mutations响应规则i、概念ii、代码案例
5. Mutations常量类型i、概念ii、代码示例
6. Mutations同步函数
四、Action的基本定义1. 概念2. 代码示例
五、modules1. 描述2. Modules局部状态3. Actions的写法4. 代码示例
六、对象的解构：对象小技巧七...
