vue启动项目时报错Module build failed:TypeError:Can not read property “range“ of null

于 2024-08-15 09:29:57 发布
阅读量143 收藏 1
点赞数 3
分类专栏： vue 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45016440/article/details/141209059
版权

        通过git拉取的项目，npm run dev启动时报错TypeError:Can not read property "range" of null，主要是因为eslint包的问题，可以将babel-eslint包换成7.2.3版本，npm install babel-eslint@7.2.3，然后删除node_modules文件夹，重新install，再运行，就好了。

        或者将.eslintrc.js文件中的内容注释掉再运行。

入门级前端开发
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue3 - element plus 报错 TypeError: Cannot read properties of null (reading ‘emitsOptions‘)，使用组件报错详细解决
高级前端工程师
06-12 3942
vue3，elementPlus，TypeError: Cannot read properties of null (reading 'emitsOptions')，TypeError: Cannot read properties of null (reading 'insertBefore')，vue3使用element-plus中el-table组件报错关键字'emitsOptions'与'insertBefore'分析，在本地运行的时候一点错误也没有，但是打包后放到线上环境就开始报错，vue3报错
vue 启动报错：TypeError: Cannot read property ‘range‘ of null
qq_41999034的博客
10-14 1万+
错误： vue项目启动时，报错：TypeError: Cannot read property ‘range’ of null 原因： babel-lint版本过高问题导致。 高版本插件一般容易出错，最稳妥的方法就是降低本地插件版本，使用稳定版就行开发 解决方法： 方法1： 这是在网上看到的方法，不过在我本地测了无效，或许你们可以尝试一下： 关闭项目，在本地打开项目文件，将node_modules文件夹删除； 重新在编辑器打开项目，使用 npm install重新安装依赖包。 启动项目。 方法2： 本人就是
Error: TypeError: Cannot read property ‘range‘ of null
weixin_46600931的博客
07-12 616
导致这个原因是"babel-eslint": "^10.0.1",版本过高，我是的使用vue2.6,webpack :^3.0.6,
Cannot read property ‘range‘ of null
weixin_39031037的博客
12-21 566
vue项目运行时报错Cannot read property 'range' of null 项目中有安装babel-eslint的将版本降到7.2.3 没有安装babel-eslint直接yarn add babel-eslint@7.2.3 然后再运行项目就好了
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 这是在网上能找到的最多...
TypeError: Cannot read property ‘range‘ of null
达拉崩巴斑得贝迪卜多比鲁翁_
02-26 749
前言 npm install之后 npm run serve 莫名的运行 npm install 一直报 Cannot read property ‘range’ of null 错误，搞得我很无奈！真心没法说，现在npm 上真的很乱，真应该好好维护，哈哈，能力有限，只能吐槽下。 报错上图 经过多方的排查，因为版本的问题造成，具体是哪些包的问题呢？因为我的项目用vue-cli3.*来构建的。 因为各个的项目不同，所以这些包都会出先这些问题，有的可能只有它babel-eslint等等。通过多方定.
vue工程npm run serve/start/dev启动时，node_modules文件报：Cannot read property 'range' of null 错误...
weixin_30955341的博客
01-10 1662
改问题是"babel-eslint"版本更新问题导致的； 给大家一个最简单粗暴的解决方案： 在项目里找到对应的工程：直接删除里面的node_modules文件夹，然后重新npm install下就可以了； node_modules文件内容较多，建议用cnpm install，会更快一点。 重新install后能正常跑起来了. tips： 当清node_module...
vue 项目build失败
sinat_34239886的博客
03-11 2020
vue项目build失败 ERROR in js/app.ef7fec20010f5d59aeac.js from UglifyJs Unexpected token: name (raf) [./~/resize-detector/esm/index.js:1,0][js/app.ef7fec20010f5d59aeac.js:77780,4] npm ERR! code ELIFECYCLE ...
解决vue报错：Module build failed (from ./node_modules/_eslint-loader@2.2.1@eslint-loader/index.js): TypeE...
热门推荐
经典鸡翅
08-13 1万+
在项目中引入动态路由时报错 写法: 报错: Module build failed (from ./node_modules/_eslint-loader@2.2.1@eslint-loader/index.js): TypeError: Cannot read property 'range' of null 这是因为eslint安装包的问题,把babel-eslint安装包的版本换成...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
vue 项目build错误异常的解决方法
12-10
在生成vue项目的时候，出现如下错误 ERROR in static/js/index.d66d806fcdd72b36147b.js from UglifyJs Unexpected token: punc (() [src/components/Hello.vue:26,0][static/js/index.d66d806fcdd72b36147b.js:34,6] ERROR in static/js/cell.89bb6f1195b769a2c949.js from UglifyJs Unexpected token: punc (() [src/components/cell.vu
VUE项目启动失败：Module build failed
01-08
VUE项目启动至98%时失败 错误如图，最近使用Vue/cli创建一个项目时npm run serve启动失败，询问了大佬，都说重新安装一下node_modules包，卸载重新安装之后任然无效，最后发现是命令错误 首先第一步rimraf node_...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
vue component 中引入less文件报错 Module build failed
12-10
错误是这样发生的： ...Module build failed: @import '@/assets/css/public/layout.less'; ^ Can't resolve './@/assets/css/public/layout.less' in 'D:\mt\src\layout' in D:\mt\src\layout\default.vue (line
解决 Cannot read property ‘range‘ of null 错误的方案
由入门到精通
10-13 1314
在项目里找到对应的工程：直接删除里面的。
Error: Module build failed (from ./node_modules/_eslint-loader@2.2.1@eslint-loader/index.js)问题处理
gyueh的博客
06-03 2661
Module build failed (from ./node_modules/_eslint-loader@2.2.1@eslint-loader/index.js): TypeError: Cannot read property 'range' of null 解决办法： 修改package.json文件，将其中babel-eslint安装包的版本换成稳定版7.2.3,修改后内容如下 "babel-eslint": "^7.2.3", 如图所示: ...
vue报错Module build failed: BrowserslistError: Unknown browser query `dead`
最新发布
07-13
你遇到了一个 Vue 报错，错误信息是 "Module build failed: BrowserslistError: Unknown browser query `dead`"。这个错误通常是由于 Babel 配置中使用了不支持的浏览器查询导致的。 浏览器查询是用来指定需要支持的浏览器版本的。在 Vue 项目中，这个配置通常可以在 `.browserslistrc` 文件中找到。你需要检查该文件中的浏览器查询语句是否正确。 例如，如果你的 `.browserslistrc` 文件内容如下： ``` > 1% Last 2 versions ``` 那么你可以尝试修改为： ``` > 1% last 2 versions ``` 注意，第二行的 "Last" 需要修改为小写的 "last"。 如果你没有 `.browserslistrc` 文件，那么可以尝试在项目根目录下创建一个，并添加上述内容。 如果问题仍然存在，请提供更多的信息，例如你的 Babel 配置文件和 Vue 版本等，以便我能够更好地帮助你解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值