项目在build的时候报的这个错误: 具体原因是因为版本支持的问题,publicPath 属性到 vue-cli 3.2.0 之后才支持,所以将 publicPaht 改成 baseUrl 即可,或者升级你的 vue-cli .…

vue项目 我的这个版本是 3.10.0 module.exports = { baseUrl: process.env.NODE_ENV === 'production' ? './' : '/' } 这里面是一个坑 在vue-cli.3.3版本后 baseUrl被废除了,因此这边要写成 publicPath. 改成 module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/' }…

报错 Invalid options in vue.config.js: "baseUrl" is not allowed vue3.0版本中 执行 npm run build会出现报错 Invalid options in vue.config.js: "baseUrl" is not allowed 这是因为vue cli3.3之后废除了baseUrl,在这之后需要使用 publicPath 错误代码: module.exports ={ baseUrl: pr…

在vue.js 框架搭建好后,其vue-cli 自动构建的目录里面相关环境变量及其基本变量配置,如下代码所示: module.exports = { build: { index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: '/', productionS…

错误原因: 子组件 props -> list 要求接收的数据类型是 Array, 然而实际接收到的是 Undefined. 子组件代码: props: { list: { type: Array, required: true } }, 所以检查父组件传过来的值,保证传过来的值是子组件所期望的数据类型即可.…

错误原因: 当给子组件设置 props 属性时,如果参数类型是 Array 或 Object ,它的默认值必须是由工场函数返回,不能直接赋值 错误代码: proE: { type: Array, default: [] } 正确代码: proE: { type: Array, default: () => [] } 注意事项:当是 Object 类型时,而且又使用 箭头函数时,如果设置默认值为空对象,必须加上括号 错误代码: proE: { type: Object, default: () =…

vue components registration & vue error & Unknown custom element vue.esm.js:629 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option. https://git…

Vue 目录结构 可以在 github 上通过这款 Chrome 插件 octotree 查看Vue的文件目录.也可以克隆到本地.. Vue 是如何规划目录的 scripts ------------- 构建相关文件 git-hooks.js ----- 存放 git 钩子 alias.js ----- 别名配置文件 config.js ------ 生成 rollup 配置 build.js ----- 对上面config.js中所有的 rollup配置进行构建 replease.sh ---…

一:在普通网页中使用 vue 使用 script 标签,引入 vue 包 在 ndex 页面中,创建一个 id 为 App 的 div 容器 通过 new Vue 得到一个 vue 实例 二:在 webpack 中使用 vue 执行命令 : npm i vue -S 把 vue 包安装成项目运行依赖 main.js: //入口文件 //如何在 webpack 构架的项目中,使用 Vue 进行开发 // 执行命令 npm i vue -s ,把 vue 包安装成项目运行依赖 //在 webpack…

vue解决启动报错cjs loader.js Error: Cannot find module '../config'问题 今天下载了一个开源项目一直运行不了,折腾了半天才找到问题所在,config目录下缺少了index.js文件导致的 liurongliurong/vue: vue框架编写的数字碳交易所https://github.com/liurongliurong/vue 18 verbose node v10.1.019 verbose npm v6.5.020 error code…

vue-cli创建的项目,想使用less-loader的全局变量配置,但是配置(vue.config.js文件)项出现 error in ./src/components/BookFooter.vue?vue&type=style&index=0&id=18045bd8&lang=less&scoped=true& Module build failed (from ./node_modules/less-loader/dist/cjs.js):Valida…

使用vue-cli3.0搭建项目比之前更简洁,没有了build和config文件夹. vue-cli3的一些服务配置都迁移到CLI Service里面了,对于一些基础配置和一些扩展配置需要在根目录新建一个vue.config.js文件进行配置 module.exports = { // 选项... } 基本路径 baseUrl从 Vue CLI 3.3 起已弃用使用publicPath来替代. 在开发环境下,如果想把开发服务器架设在根路径,可以使用一个条件式的值 module.exports =…

const path = require('path') const utils = require('./utils')// 引入utils工具模块,具体查看我的博客关于utils的解释,utils主要用来处理css-loader和vue-style-loader的 const config = require('../config')// 引入config目录下的index.js配置文件,主要用来定义一些开发和生产环境的属性 const vueLoaderConfig = require('…

今天讲述一下vue-config.js配置,我们前面搭建好脚手架会发现,这个对比2.x版本少了很多东西,没有build的配置,也没有webpack的配置,那么问题来了,我们如何去开发我们的项目呢,比如设置代理,打包配置等问题呢? vue cli3.0项目中需要配置其他参数时,需要新建文件'vue.config.js',(这文件名是固定这么写的),与package.json在同一级目录下. module.exports = { // 项目部署的基础路径 // 我们默认假设你的应用将会部署在域名的根…

如何配置vue-cli 3中vue.config.js的路径别名? 前段时间更新电脑重装了一下vue-cli,发现了vue-cli已经更新到3.0版.用来搭建项目后发现简化了很多,而且配置文件现在可以全部统一在vue.config.js中,很方便有没有,从此以后一个配置文件走遍公司大小项目,妈妈再也不用担心我每次新建项目时重新配置各个复杂的选项了.那么怎么在vue.config.js中配置路径别名呢? 1. 创建项目 2. 在根目录下新建 vue.config.js 3. 修改vue.confi…

Vue-cli3 搭建的项目 界面相对之前较为简洁 之前的build和config文件夹不见了,那么应该如何配置 如webpack等的配那 只需要在项目的根目录下新建 vue.config.js 文件(是根目录,不是src目录) 语法 module.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader 是否在保存的时候检查 lintOnSave: true,…

## Webpack的配置和使用 ### 安装 1. 全局安装 ``` npm install webpack -g ``` 2. 本地安装 ``` npm install webpack -D ``` ### 使用 #### 直接通过命令参数来执行 1. 如果是全局安装的 ``` webpack 入口文件 出口文件 ``` 2. 如果是本地安装的 2.1 先在package.json的script标签中添加一条命令(就和全局的命令一模一样) 2.2 通过npm run 命令名 来执行命令 ##…

request.js用来请求数据,封装的代码如下: import axios from 'axios' const request = axios.create({ timeout: 5000 }) // request 拦截器 // 可以自请求发送前对请求做一些处理 // 比如统一加token,对请求参数统一加密 request.interceptors.request.use(config => { config.headers['Content-Type'] = 'application/…

vue.config.js报错cannot set property "preserveWhitespace" of undefined 最近在项目中配置webpack,由于vue-cli4需要在vue.config.js文件中完成相关配置,于是本着不造轮子的原则,直接去网上cv大法,但是在实际中却发现了一些问题,在项目启动的时候报错cannot set property "preserveWhitespace" of undefined module.export…

前言: Vue.js CLI工具 不知不觉发展到了4.0时代,CLI给人最直白的感受是没有了build文件夹跟config文件夹,所有的配置都在Vue.config.js完成.那么该文件的配置至关重要.现在我们来看一下最新配置是怎么配置的. 有三种方式,推荐第二种标准版(无需安装依赖,直接复制即可配置).1.依赖库 npm install vue-cli-configjs 2.标准版 // vue.config.js const path = require('path'); const IS_…

最近在做一个vue的移动端的项目,遇到一个问题,我本地的项目运行正常,可是上传到github上的一启动就报错,就是标题上的错误,找了很久,刚开始以为是某个css没有配置,就把本地的复制过去还是报错,无奈找度娘,百度了挺久终于看到一篇文章和我的情况一样根据这篇文章找到解决方法 如下: 项目根目录下面新建postcss.config.js文件 module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} } }…

在uni中使用 picker组件,一直报错 vue.runtime.esm.js:593 [Vue warn]: Invalid prop: custom validator check failed for prop "value" 表示在picker中有关于value的错误,但是一直没找到value,后来发现使用hbuilder快捷使用picker组件,其生成的picker组件格式没有包含绑定value属性,默认生成如下: <picker mode=""…

我遇到问题,就是有很多常量需要应用的项目里面.所以需要打算设置一个config.js文件 1.填写config.js 文件 //常量配置 //快递公司名单 对应的页面为: src/pages/other/kuaidi/index.vue export const kdcompanyOptions=[ {value: "shunfeng", label: "顺丰"}, {value: "shentong", label: "申通"…

// vue.config.js 配置说明//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions// 这里只列一部分,具体配置参考文档module.exports = { // 部署生产环境和开发环境下的URL. // 默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上 //例如 https://www.my-app.com/.如果应用被部署在一个子路径上,你就需要用这个选项指定这个子…

vue.config.js module.exports = { configureWebpack:{ externals: { vue: 'Vue', 'vue-router':'VueRouter', axios: 'axios' } } } 在index.html文件中引入CDN <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <…

//vue.config.jsonconst path = require('path'); // const vConsolePlugin = require('vconsole-webpack-plugin'); // 引入 移动端模拟开发者工具 插件 (另:https://github.com/liriliri/eruda) // const CompressionPlugin = require('compression-webpack-plugin'); //Gzip // const…

Vue Cli 3生成的项目结构,没有build.config目录,而是使用vue.config.js来进行配置. vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载. 你也可以使用 package.json 中的 vue 字段,但是注意这种写法需要你严格遵照 JSON 的格式来写. 一 查看Vue Cli版本 vue --version 3.5.1 二 创建vue.…

// vue.config.js 配置说明 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions // 这里只列一部分,具体配置参考文档 module.exports = { // 部署生产环境和开发环境下的URL. // 默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上 //例如 https://www.my-app.com/.如果应用被部署在一个子路径上,你就需要用这个选项指定…

虽然一直没有亲手搭建过vue项目,但是2.0的时候就开始自学(但并没有实践项目).然后公司最近有个人用3.0做了个项目,公司让我参与进去,我就顺便学习了一把3.0.(美滋滋) 因为电脑的环境还是之前自学时候的2.0,因此现在需要先升级到3.0.下面是具体步骤: 1. npm uninstall -g vue-cli 2. npm install -g @vue/cli 3. vue create [new-dir]    //进去后会有一些选择让你做,我选的default,然后下载用选npm 4…

有时候我们为了快速搭建一个vue的完整系统,经常会用到vue-cli,vue-cli用起来很方便而且命令简单容易上手,但缺点是在构建的时候我感觉有一些慢,因为CLI 服务 (@vue/cli-service) 是一个开发环境依赖.它是一个 npm 包,局部安装在每个 @vue/cli 创建的项目中,本质上还是用npm和webpack来进行安装,并没用用我们所常用的cnpm来安装.如果你熟悉 create-react-app 的话,@vue/cli-service 实际上大致等价于 react-s…