Module build failed: TypeError: Cannot read property 'vue' of undefined

最新推荐文章于 2023-10-16 11:59:59 发布
最新推荐文章于 2023-10-16 11:59:59 发布
阅读量1.1w 收藏 4
点赞数 7
文章标签： javascript webpack json ViewUI
原文链接：https://my.oschina.net/u/1033181/blog/2253646
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

在使用VUE CLI 3.x开发项目，一启动就报一下错误：

Module build failed: TypeError: Cannot read property 'vue' of undefined

错误信息中可以看到vue没有被加载。 自己分析思路：

  1. webpack版本和现有的插件是不是存在冲突； 验证方案：下载官方Vue cli创建项目加入其中的插件，发现没有任何问题；
  2. 项目package.json直接定义webpack 版本，发现仍然vue 未定义；

自己百度无用。

直接google，竟然有前史：

https://github.com/vuejs/vue-loader/issues/1177

原来是项目中的vue-loader插件破坏了。

npm install vue-loader@latest --save-dev

他妈了个屁，发现前端插件依赖就是大坑，同样的package.json,竟然有不一样的运行结果。

转载于:https://my.oschina.net/u/1033181/blog/2253646

weixin_33923762
关注
  • 7
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Module build failed (from ./node_modules/vue-loader/index.js): TypeError: Cannot read property ‘vue‘
郭宝的博客
12-03 1万+
背景： 在通过 npm run dev 运行一个vue项目时，出现了如下报错信息 Module build failed (from ./node_modules/vue-loader/index.js): TypeError: Cannot read property 'vue' of undefined 解决办法：
TypeError: Cannot read property ‘replace‘ of undefined
qq_45018844的博客
12-10 5406
微信小程序报错 TypeError: Cannot read property ‘replace’ of undefined 感觉代码是没有问题的； 刚开始： let bg1 = this.myData.backgroundImage.replace("http://fast.hnzhilv.com/mingpian/bg", ""); let url1 = item.url.replace("http://fast.hnzhilv.com/mingpian/%E5%90%8D%E7%89%87
Vue 出现Syntax Error:TypeError: Cannot read property ‘vue‘ of undefined的一种解决办法
qq_38526167的博客
02-24 7234
Vue 出现Syntax Error:TypeError: Cannot read property 'vue' of undefined的一种解决办法
解决TypeErrorCannot read property ‘vue‘ of undefined问题
qq_44255146的博客
04-01 6154
解决TypeError:Cannot read property ‘vue’ of undefined问题 1.安装npm install和vue-template-compiler npm install vue-loader@latest --save-dev 2.安装插件到webpack.config.js文件中 在第一个添加 const { VueLoaderPlugin } = require('vue-loader') 在module中添加 plugins: [ new Vu
TypeError: Cannot read property 'vue' of undefined
qq_36395856的博客
12-21 5057
![在使用webpack打包的时候遇到的这个错误，网上没找到解决的方法，望各路大神留步，看一下如何解决 (https://img-blog.csdnimg.cn/20181221113630105.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV...
TypeError: Cannot read property 'range' of null
热门推荐
u014026084的博客
04-24 1万+
刚开始学习vue，按照教程，执行cpm run serve/start/dev命令启动项目时，报Cannot read property ‘range’ of null错误。然后在网上查找原因，得出的结论是该问题是"babel-eslint"版本更新问题导致的， 既然找到原因了，那就想办法去解决问题，但是问题好定位，解决却遇见了一些问题。 1、删除node_modules 这是在网上能找到的最多...
解决Cannot read property ‘tapAsync‘ of undefined 问题过程
hjseo_seg的博客
03-07 3460
前两天从公司git 上clone了一个前端项目采用Nodejs + React 写的，想本地跑起来试试看，自己倒腾倒腾，结果在尝试的过程中遇到各种问题，真是一路上过关斩将终于跑起来了，其中有个典型的问题，因为是初次接触这个问题困扰了我几天，具体错误如下： Module build failed (from ./node_modules/_mini-css-extract-plugin@0.7.0@mini-css-extract-plugin/dist/loader.js): TypeError: Cann
使用 webpack 无法解析 jsx 语法 Module build failed
大涛子的博客
12-27 1398
报错信息 大概意思：模块构建失败，无法解析 jsx. Module build failed: SyntaxError: /Users/yiming/Desktop/ReactTest/webpack2/app/main.js: Unexpected token webpack@v4 设置： webpack.config.js: module: { rules: [ { ...
在webpack中使用vue-loader来render渲染报Module build failedxxx
qq_28225629的博客
02-21 678
1为什么要使用vue-loader 因为webpack是无法识别vue文件的，要使用render渲染，必需要使用vue-loader来处理vue文件 2安装指令 cnpm i vue-loader vue-template-compiler -D 3出现Module build failed错误 ERROR in ./src/login.vue Module build failed (from...
Cannot read property ‘vue‘ of undefined报错
wxiao_xiao_miao的博客
02-28 2965
确认检查不是自己代码书写问题，从安装包上找原因，无法读取 vue 文件 ，应该是安装包的版本不对 ，本项目采用 vue2 框架，vue-loader版本只能为14开头的版本，因此执行命令 npm i vue-loader@14 会自动下载14.2.4的vue-loader版本，再运行项目即可成功 ...
vue-loader和webpack不兼容，导致TypeError: Cannot read property vue of undefined
公z号：职场爱学习
06-26 2035
TypeError: Cannot read property ‘vue’ of undefined 原因： vue-loader和webpack不兼容。 解决方法： 修改版本号，对应起来即可。
webcpack ^ 4.x下【Cannot read property 'vue' of undefined】的解决方法
qq_42646513的博客
05-07 1178
完整错误信息：Module build failed: TypeError: Cannot read property ‘vue’ of undefined at Object.module.exports (…\node_modules\vue-loader\lib\loader.js:61:18) 在package.json中查看自己webcpack版本是不是 ^ 4.x，如果是的话，安装...
Vue cannot read property XXX of undefined 解决方法
csdn_muxin的博客
12-06 6377
原因 这个错误的意思就是所需要的这个属性为空 / 不存在，基本上都不是属性值为空，而是这个属性不存在 那么就需要找到引用属性的位置，看看在使用属性之前是否还未定义该属性 解决方法 在引用该属性前做一个判断，如果该属性不存在就添加，然后设置一个默认值 // 判断 data 的 属性 property 是否为空 if (data.property == null) { // 若为空，添加该属性并初始化为空字符串 data.property = "" } 就像在表格中使用该属性，就可以写一个方法，当表格数据获
webpack 在 打包的时候所有 组件都显示 Cannot read property 'vue' of undefined
水墨青花的博客
05-09 819
如果项目中webpack升级到4^ 的话 升级下vue-loader到14^
Vue 项目运行【报错】：module build failed: cannot read property ‘parsecomponent‘ of undefined ...
zic_liu的博客
07-06 724
前言 在 Vue 项目中，npm run dev 运行时，报错： module build failed: ... cannot read property 'parsecomponent' of undefined ... 目前有效的解决方案是： 统一 vue 和 vue-template-compiler 的版本号： 如在 package.json 中： "vue-template-compiler": "2.6.11"， "vue": "2.6.11" 参考 issue 1 issue 2 is
Vue 报错 Cannot read properties of undefined (reading ‘parseComponent‘)
最新发布
qd1014751893的博客
10-16 1480
Cannot read properties of undefined (reading ‘parseComponent‘) 报错解决办法
Vue——vue报错 Cannot read properties of undefined（reading ‘‘avtarUrl）
qq_43201350的博客
01-08 2360
Vue——vue报错 Cannot read properties of undefined（reading ''avtarUrl）
【VUE】问题解决：Cannot read properties of undefined (reading ‘isCollapse‘)
weixin_43320429的博客
10-12 4112
Cannot read properties of undefined (reading 'isCollapse') 报错isCompase找不到，就是store没用提供给Aside,这里断开了 ，sotre里index.js与tab连接失误
Module build failed: TypeError: Cannot read property 'forEach' of undefined
05-20
这个错误通常出现在使用 Webpack 或者 Babel 进行代码打包时，其中一个模块的语法无法被识别或者不支持。最常见的原因是使用了 ES6 的一些语法，但是你的打包工具没有对这些语法进行转换。 你可以尝试以下几种方法来解决这个问题： 1. 检查你的代码中是否使用了 ES6 语法，如果有的话，需要配置打包工具将这些语法转换成 ES5 语法。 2. 确认你的打包工具的配置文件是否正确，比如是否安装了必要的依赖和正确配置了插件等。 3. 检查你的代码中是否存在语法错误或者拼写错误等问题。 4. 如果你使用的是 Webpack 打包工具，可以在配置文件中加入 resolve 属性，指定你的代码所在的目录，以及需要解析的文件类型等。类似于以下的配置： ``` resolve: { extensions: ['.js', '.jsx'], modules: [path.resolve(__dirname, 'src'), 'node_modules'] } ``` 这样可以确保你的打包工具能够正确地解析你的代码并进行打包。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值