nuxt generate 报错,Cannot read property ‘headers’ of undefined

最新推荐文章于 2023-11-10 11:08:57 发布
最新推荐文章于 2023-11-10 11:08:57 发布
阅读量3.1k 收藏 2
点赞数 1
分类专栏： vue nuxt 文章标签： vue vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010281877/article/details/106582922
版权
vue 同时被 2 个专栏收录
9 篇文章 0 订阅
订阅专栏
nuxt
1 篇文章 0 订阅
订阅专栏

nuxt generate 报错, Cannot read property ‘headers’ of undefined

在这里插入图片描述
前面打包一切正常,开始打包页面时报错,而且错误信息不清晰,不知道具体哪里错的

经过一个小时调试,发现是这段代码报错

在这里插入图片描述
这是个获取设备类型的中间件,在服务端环境根据请求的headers的user-agent判定浏览器环境,在客户端根据navigator的userAgent判断浏览器环境;

打包时, context.req.headers部分报错了

去官网查阅,最终发现是因为 generate 打包时, context的req和res不可用
在这里插入图片描述
点击前往官网说明 https://www.nuxtjs.cn/guide/commands#%E5%8F%91%E5%B8%83%E9%83%A8%E7%BD%B2

余栀丶
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
专栏目录
vue3.0 + draggable拖拽模块 (解决 ：Cannot read property ‘header‘ of undefined；以及解决拖拽时不能滚动页面)
web13618542420的博客
03-06 1229
Cannot read property ‘header’ of undefined 这个问题是draggable的版本不对，我换为"vuedraggable": "^4.1.0"这个版本就好了 ps: vue2.0和vue3.0 draggable用法不一样 安装 npm i vuedraggable@4.1.0 --save 或 yarn add vuedraggable@4.1.0 使用 <template> <div class="drag-box"> &l.
Vue Nuxt框架 静态化部署[spa、generate] 之 Cannot read property ‘headers’ of undefined、headr外加载css
x1a0x0的博客
01-20 1692
项目环境： Nuxt 1.4.5 webPack3.12.0 初期开发部署情况 使用的是 bulid 默认的打包模式Universal此方式的优点在于动态化部署，并且有益于SEO. 但是由于后端服务器需要节省开资，希望使用静态化部署，所以开始了以下的方式。 静态化部署有2种方式 1：npm run generate 2: num run build (PS: nuxt.config.js 的 config中 需要配置 mode:'spa' ) 部署经过： ...
vuedraggable Uncaught TypeError: Cannot read property ‘header‘ of undefined 报错
qq_42048638的博客
08-14 1308
vuedraggable Uncaught TypeError: Cannot read property ‘header’ of undefined 报错 解决办法：vue版本使用2.x
NUXT 运行generate报错 is not in cwd
weixin_48150129的博客
03-09 629
错误原因主要是windows系统和Linux获取路径的方式不同 我们可以在node_modules@nuxt\cli\dist\cli-generate.js中修改一些配置，如下图所示 const files = await globby__default['default']('**/*.*', { ...globbyOptions, ignore, cwd: upath . normalize ( rootDir ), // 原来是cwd:rootDir
nuxt 打包部署后跳转页面报错TypeError: Cannot read properties of undefined (reading ‘_isDestroyed‘)
qq_40225369的博客
04-01 3619
### 线上发生报错，没有错误映射，无法知道是哪个文件报错，排查问题需要本地运行打包项目，即 先npm run build 打包，然后运行nuxt start 或者 npm run start(自行在package中配置命令)，本地运行打包后的项目后到报错页面，在控制台就可以看到具体的报错信息，这时候再去百度，效率会高一点 例如我这个项目打包运行后的报错信息是如下图所示 然后就是去百度第一个报错，发现原因是组件在服务端渲染问题 解决办法就是去这个页面调试，找到那个有问题的组件，然后在其外围加上一个把组件包
解决Nuxt 执行generate静态化后 文件路径错误导致404，CSS无效，JS不执行的等问题...
weixin_34383618的博客
08-06 6705
因项目需要，本人需部署静态文件到阿里云服务器上，执行nuxt generate后，产生的index.html打开之后一堆404，原因就是router没有配置。 nuxt.config.js里 需要如下配置 router:{ base:"/" //此为根目录，如果有具体目录需求按实际情况写 } ...
nuxt-relative-dir:Nuxt 进行 generate 之后，将路径替换成相对路径并生成新的文件目录
05-02
为什么需要为我们提供了基于的服务端渲染，并且能使用 nuxt generate 生成静态页面;生成的静态页面都是使用的绝对路径来访问的资源，如果要进行 Hybrid app 开发或者使用 Cordova 打包成APP资源就访问不到了;因此，...
nuxt-property-decorator:Nuxt的属性装饰器（基于vue-property-decorator）
05-28
npm i -S nuxt-property-decorator 或者 yarn add nuxt-property-decorator Nuxt JS指令 它可以与Nuxt JS一起使用。 Nuxt TS指令 它可以与Nuxt TS一起使用。 装饰和助手 有以下装饰器： Nuxt特定的装饰器 @Off $ ...
Nuxt.js踩坑总结分享
10-18
本篇文章主要介绍了Nuxt.js踩坑总结分享，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Nuxt升级2.0.0时出现的问题(小结)
10-17
主要介绍了Nuxt升级2.0.0时出现的问题(小结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
nuxtjs-node6:[已弃用]重新包装的https
05-15
nuxtjs-node6 重新打包nuxt.js以在node6环境中运行参见 使用等效的版本号安装它而不是nuxt.js，然后您的nuxt命令将在node6上运行。 这对于在AWS Lambda中运行特别有用，AWS Lambda当前仅支持节点6.10作为其最新支持...
错误问题: Cannot read property ‘XXX‘ of undefined
世界和我们都不该止步于此
03-15 6818
undefined不能读取属性XXX 说明定义变量里的值是undefined 查看报错的代码顺藤摸瓜: 那打印console看一下 (很关键, 一定要学会打印) 有可能是代码的书写错误了（大意写错了） *当发现问题后, 要学会顺腾摸瓜, 变量只是个代号, 而变量里装的什么只有打印出来才知道 错误代码： var arr = res.date; arr.forEach(function(obj){ let {id, publisher, author, bookname} = obj;
深入理解并解决Uncaught TypeError: Cannot read properties of undefined技术文章
热门推荐
奇妙的Bug之旅
11-10 7万+
Uncaught TypeError: Cannot read properties of undefined 是一个 JavaScript 运行时错误，它表示你试图访问一个未定义（undefined）对象的属性。这通常是因为你尝试访问一个不存在的变量或者对象的属性。在访问对象的属性之前，你应该先检查该对象是否已经定义。你可以使用typeof操作符来检查一个变量是否已定义。// 访问 myVariable 的属性。
./byfn.sh generate 时报错
小白不百
11-23 1043
原因是因为我是hisee用户，全面加了权限，但不知道为什么这里还是不行，所以换到root用户下面了，有些东西又重新装了下，试了下就成功了。  
求助: nuxt 打包报错 core-js
weixin_33975951的博客
03-29 2596
本地运行 npm run generate 可以正常打包上传到服务器就会报如下错误 ERROR in ./.nuxt/client.js Module not found: Error: Can't resolve 'core-js/modules/es6.array.iterator' in '/var/jenkins_home/workspace/flks-wechat/.nuxt' @ ./...
解决异步传参时出现 “TypeError: Cannot read properties of undefined (reading‘xxx‘)“这一错误
AiHongHong_的博客
02-16 1万+
解决异步传参时出现 “TypeError: Cannot read properties of undefined (reading‘xxx‘)“这一错误
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘XXX‘)解决办法
Drawing stars的博客
04-29 4万+
控制台报错如下： 错误产生的原因是前端需要展示的数据或v-model绑定的数据此时还未从后端读到。 我这里是在data里面有一个questionList[]，用来接收从后端传来的question对象，页面中部分组件绑定了questionList数组里的对象的属性（question.myAnswer），但时此时这个数组里没有对象，更没有对象的属性，故页面虽然能在获取到数据后正常展示，但是在此之前控制台会先报错。 部分界面如图： 对应vue代码如下 <!--作业问题 --> <div
vite忽略.vue扩展名 Failed to resolve import ..... Does the file exist?
u010281877的博客
05-07 4万+
在vite脚手架中, 引入时忽略.vue扩展名将导致错误 // 一个名为tsc.vue的文件， import tsc from "./tsc.vue"; // 上面的引入可以正常运行，但 import tsc from "./tsc"; // 将不起作用, 并提示错误 // Internal server error: Failed to resolve import "./tsc" from "somewhere.js". Does the file exist? 这是因为vite已不再默认忽略.v
vue-loader报错Cannot read properties of undefined (reading 'push')
最新发布
01-23
根据提供的引用内容，出现这个错误是因为在nuxt.config.js文件中的build模块中，使用了eslint-loader，但是eslint未定义导致的。解决这个问题的方法是检查eslint-loader的配置是否正确，并确保eslint已正确安装。 以下是解决这个问题的步骤： 1. 打开nuxt.config.js文件。 2. 找到build模块。 3. 检查eslint-loader的配置是否正确，确保没有拼写错误或其他语法错误。 4. 确保eslint已正确安装，可以通过运行`npm install eslint --save-dev`来安装eslint。 5. 如果eslint已正确安装，但问题仍然存在，可以尝试更新eslint-loader的版本，运行`npm update eslint-loader`来更新eslint-loader。 请注意，以上步骤仅供参考，具体解决方法可能因项目配置和环境而异。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值