[报错] Uncaught Error: [vue-router] route config "component" for path: /home cannot be a string id. Use an actual component instead 运行时不报错,但是页面显示空白.打开控制台显示下图: . [报错解析] 路径/home的[vue router]route config“component”不能是字符串id 请改用实际的组件 在以下代码中定位,可以看到是组件的错

1.创建vue项目后安装less,执行 npm install less less-loader --save-dev 下载版本为:less-loader@6.1.0 , less@3.11.3,重启服务报错,报错信息如下: 2.报错原因 less 本版太高需要降低版本,执行代码 先移除之前版本: npm uninstall less-loader 下载指定版本: npm install less-loader@5.0.0 -D 3.重启代码就可以了,若还是报错可移除文件node_modules

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自定义指令报错 Failed to resolve directive: modle 这个报错有2个原因: 1.指令单词拼错 2.Vue.directive() 这个方法没有写在 new Vue 之前 解决办法: 1.检查指令拼写是否正确 2.Vue.directive() 这个方法写在new Vue之前 Vue.directive('test',{ bind(el,binding,vnode){ console.log(el); el.style.color = "red" }

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项目启动报错 spawn cmd ENOENT errno: -4058 运行vue项目(npm run dev)报错 提示 'npm' 不是内部或外部命令 cmd输入node -v 有版本号 没问题啊 那应该是node升级的问题 于是我就卸载重新安装 总没问题了吧 但是新问题来了 报错如下 DONE Compiled successfully in 11178ms App running at: - Local: http://localhost:8080/ - Network: una

报错内容: 报错原因: 代码全部放在了路由配置的main.js文件里,router没有定义,使用的时候报undefined 解决方法: 把router.beforeEach放在main.js里面

使用vue时,在已经安装模块完毕的情况下,依旧会报错,如: Module build failed: Error: %1 is not a valid Win32 application. 这个时候只需要重新安装node-sass,命令如下:        cnpm install node-sass --save

[Vue warn]: Unknown custom element: <QuestionnaireOption> - did you register the component correctly? For recursive components, make sure to provide the "name" option 上图的报错提示,说我的QuestionnaireOption组件并没有注册? 我在Questionnaire.vue中引入组件Questionn

Vue 中提示警告 TypeError: handlers[i].call is not a function at callHook (vue.esm.js?a026:2921) at Object.insert (vue.esm.js?a026:4158) at invokeInsertHook (vue.esm.js?a026:5960) at Vue.patch [as __patch__] (vue.esm.js?a026:6179) at Vue._update (vue.esm.j

log.error('[WDS] Errors while compiling. Reload prevented.');中的WDS其实是webpack-dev-serverwebpack的意思,用来实现自动刷新的.但你在Vue组件进行频繁刷新时,如果没有安装Webpack,虽然页面可以正常显示,但是控制台会在你每次刷新时就报错.解决方法是:在开发目录下安装Webpack,命令为npm install webpack-dev-server --save-dev即可,安装完成之后会在node_mo

IE 页面空白 报错信息 此时页面一片空白 报错原因 Babel 默认只转换新的 JavaScript 语法(如箭头函数),而不转换新的 API ,比如 Iterator.Generator.Set.Maps.Proxy.Reflect.Symbol.Promise 等新的对象或者方法. 例如 Promise .新的原生方法如 String.padStart (left-pad) 等.为了解决这个问题,我们使用一种叫做 Polyfill(代码填充,也可译作兼容性补丁)的技术. 简单的说,兼容问题

网上有很多教程怎么安装: 安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org 升级npmcnpm install npm -g 在用 Vue.js 构建大型应用时推荐使用 NPM 安装: # 最新稳定版 $ cnpm install vue 命令行工具 Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用. # 全局安装 vue-cli $ cnpm install --global vue-cli

前言 使用vue-cli来构建单页SPA应用,提示代码缩进报错 原因分析 通过查看package.json文件我们可以发现,在文件中默认安装了eslint-loader模块,eslint-loader模块是目前相对比较流行的代码检测工具,可以检测书写的代码是否符合统一规范,可以在一些比较大型的项目开发中统一开发人员的代码风格,这也就是为什么代码缩进有可能导致页面报错的原因(代码缩进不符合规范). 解决办法 方法一:了解eslint-loader规则,严格按照规范书写代码(这是废话) 方法二:关闭

运行vue项目出现这样的报错. This relative module was not found: * ../../assets/img/spot.png !./src/components/online 可能是online.vue中引入spot.png出现问题,路径错误或者文件不存在,类似问题也是如此

在 vue 项目中引用 fontawesome , 按照官方说明如下步骤操作 1. 终端中执行 $ npm i --save @fortawesome/fontawesome-svg-core $ npm i --save @fortawesome/free-solid-svg-icons $ npm i --save @fortawesome/vue-fontawesome 2.src/main.js 中引入注册对应包(剧透下解决方法之一: 把下面代码中的 faUserSecret 都改成 f

前言:eslint很恶心的一个地方:你是否被各种语法报错一个标点符号,一个空格,一个回车......各种报错折磨着你! 加上编辑器 VS Code 的自动格式化稳稳的和Eslint冲突报错. 对此,我们想在 VS Code 中格式化不报错需要对eslint进行一些设置 错误一:方法小括号前面报错,Eslint要求前面必须加一个空格,Vs Code自动格式化是缩略了空格的,这时候 Module Error (from ./node_modules/eslint-loader/index.js):e

在创建项目的时候,无论是默认配置还是自定义的配置,都会出现如下报错: 不用说,看项目中也只有一个packgge.json文件,项目必然是没有创建成功. 查看淘宝镜像 npm config get registry 原npm地址 npm config set registry http://registry.npmjs.org 设置淘宝镜像 npm config set registry https://registry.npm.taobao.org 取消淘宝镜像 npm config delet

报错: 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. 解决: webpack.config.js 添加如下配置 resolve: { alias: { vue: 'vue/dist/

前期开发过程中 [Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined". 解决: Add v-if 做判断 Uncaught TypeError: Cannot set property 'innerHTML' of undefined  所有报这些关于dom操作的api错误 多半都是v-if(ng-if). dom display none ; 没事 可以改之前show 先显示下

在开发中引用插件时,报错“exports is not defined” 但在引用第三方组件的时候,在浏览器中报错“exports is not defined”.根据浏览器报错信息,查询到报错来源是第三方组件的一段代码: 经过查资料,这是使用了CommonJs写法,而在应用中并没有做相应的模块转换使得浏览器能够识别.而导致这个问题是因为balbel的配置文件.babelrc的问题: 需要改动.babelrc文件即可: 其中{ "modules": false }阻止了babel进行模