rollup中打包axios异常问题Cannot read properties of undefined (reading ‘Stream‘)

最新推荐文章于 2024-06-11 11:32:34 发布

kalrase

最新推荐文章于 2024-06-11 11:32:34 发布

阅读量291

点赞数 3

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/kalrase/article/details/137017393

版权

文章讲述了在使用Rollup打包axios模块时遇到的TypeError，问题出在尝试访问undefined的Stream属性。解决方法是在打包配置中添加相应的配置项。

摘要由CSDN通过智能技术生成

##rollup 打包axios 模块报错见如下，试了各种方法，原来是这个问题：

index.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'Stream')
    at index.js:1:15493
    at index.js:1:418
    at index.js:1:640

在这里插入图片描述

只需要在打包配置里加上这个配置项
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

kalrase

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
rollup中打包axios异常问题Cannot read properties of undefined (reading ‘Stream‘)

只需要在打包配置里加上这个配置项。
复制链接

扫一扫

axios源码打包关于rollup.config.js文件分析

YanHSama的博客

06-29

429

标签引入，对组件库或框架库来说，解决了以前一套代码无法多端使用的难题。是一种常见的模块导出模式，尤其在 CommonJS 环境中。这种模式通常用于将模块的内部函数或对象导出，以便在模块外部使用。通常是一个返回特定对象或函数的表达式，该对象或函数随后被赋值给。只适用于浏览器，虽然也支持。，但不如 Node 自家的。的结合体，同时还兼容了。// 执行axios。一个 JS 文件中，// 执行axios。

js中控制台报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘appendChild‘)

qq_56715703的博客

11-23

2万+

得知：在代码执行前的预加载中是先把函数bindData(classList)调用，之后才定义了课程，所以在函数bindData中最后一行的kecheng还未定义。从上图可以看出，我把获取元素写到了调用方法的后面，且报错时提示的行数对应的内容是：kecheng.appendChild(div);意思是：未捕获的类型错误: 无法读取未定义的属性(读取‘ appendchild’)也就是说，你在使用appendChild时的父元素上没有这个属性，所以没法使用。此时我的js代码为：（只展示引起错误的部分）

1 条评论您还未登录，请先登录后发表或查看评论

nodejs使用pkg打包时提示找不到axios等任意模块时解决办法

热门推荐

奇妙的Bug之旅

11-10

8万+

Uncaught TypeError: Cannot read properties of undefined 是一个 JavaScript 运行时错误，它表示你试图访问一个未定义（undefined）对象的属性。这通常是因为你尝试访问一个不存在的变量或者对象的属性。在访问对象的属性之前，你应该先检查该对象是否已经定义。你可以使用typeof操作符来检查一个变量是否已定义。// 访问 myVariable 的属性。

js报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘split‘)

Shivy_的博客

06-16

1万+

Cannot read property 'split' of undefined

解决，引入地图js时Uncaught TypeError: Cannot read properties of undefined (reading ‘regions‘)

weixin_59547624的博客

11-09

1万+

引入地图js时Uncaught TypeError: Cannot read properties of undefined (reading 'regions')

使用rollup打包JS的方法步骤

10-17

Rollup是一个模块打包器，专注于将JavaScript模块打包成单一文件，以便在浏览器或Node.js环境中运行。与Webpack不同，Rollup基于ES6的模块系统，更适合打包库和框架，如Vue的源码。本文将详细介绍如何使用Rollup进行...

基于rollup的组件库打包体积优化小结

08-27

最后决定使用Rollup对打包进行重构使用Rollup打包可能某些习惯和Webpack有些出入，在这里很多事需要引入插件来完成，比如引入node_modules中的模块的话，需要加入rollup-plugin-node-resolve，加载commonjs模块需要...

Rollup处理并打包JS文件项目实例代码

10-18

Rollup 是一款强大的JavaScript模块打包工具，专门设计用于处理ES6模块，并且还支持CSS和JS的打包。在现代Web开发中，随着ES6模块的广泛采用，Rollup以其高效和优化的能力，尤其是在代码体积优化方面的表现，逐渐受...

rollup搭建打包

08-10

rollup 采用 es6 原生的模块机制进行模块的打包构建，rollup 更着眼于未来，对 commonjs 模块机制不提供内置的支持，是一款更轻量的打包工具。rollup 比较适合打包 js 的 sdk 或者封装的框架等

实现 rollup 实现多模块打包

09-21

在IT行业中，构建工具起着至关重要的作用，它们帮助开发者高效地管理项目代码，实现模块化打包，提高开发效率。本篇文章将详细讲解如何利用Rollup实现多模块打包，同时结合npm、execa以及TypeScript等技术进行深入...

vue Uncaught TypeError: Cannot read properties of undefined (reading ‘prototype‘) 报错

qq_45281478的博客

08-29

1万+

Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')

Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)报错，页面全空白的处理方法

qq_42780155的博客

05-13

3万+

vue页面Uncaught TypeError: Cannot read properties of undefined (reading ‘install’)报错，页面全空白。然后发现是自己写的指令全局引用的原因使用了export导出 export { preventReClick } 所以引用的时候不能 import preventReClick from '@/directives' Vue.use(preventReClick) 正确的应该是： import { preventReC

[vite]: Rollup failed to resolve import “axios“ from “request.js“.

chunchun的博客

02-20

1006

axios“ from "路径"以下是报错中的提示l`

Uncaught TypeError: Cannot read properties of undefined (reading ‘slice‘)

流动的城堡的博客

11-29

6531

Cannot read properties of undefined (reading 'slice')

Uncaught TypeError: Cannot read properties of undefined (reading ‘getUserMedia‘) 部署js项目失败

long_songs的博客

02-16

4710

明明本地端完美运行，但是部署到服务器上却失败了，页面看起来也没问题但是打开审查之后发现就是上面的两行出问题了。

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

请求正常执行但是js语法报错Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘code‘)

六耳石猴的博客

04-24

2万+

开发过程中发现前端请求正常执行，接口功能正常且正常返回数据，但是js仍然报语法错误Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘code‘) 原因：自定义拦截器后导出方法时忘记把promise对象return出去如下：正确处理方式应该将promise对象requestreturn出去，调用方法的位置才会是异步执行，就不会提示语法错误了 ...

vite 使用 quill-image-resize-module 报错 Cannot read properties of undefined (reading 'imports')

06-02

这个问题通常是因为 Quill 和 Quill Image Resize Module 版本不兼容导致的。你可以尝试以下解决方案： 1. 确认 Quill 和 Quill Image Resize Module 的版本是否匹配。可以通过 Quill Image Resize Module 的官方文档确认他们的版本兼容性。 2. 在 Vite 中使用 `rollup-plugin-node-resolve` 插件解决依赖问题。首先安装该插件： ``` npm install --save-dev rollup-plugin-node-resolve ``` 然后在 `vite.config.js` 文件中添加以下配置： ```javascript import { defineConfig } from 'vite'; import { nodeResolve } from '@rollup/plugin-node-resolve'; export default defineConfig({ build: { rollupOptions: { plugins: [ nodeResolve({ mainFields: ['module', 'main', 'jsnext:main'], browser: true, extensions: ['.js', '.json'], preferBuiltins: false, }), ], }, }, }); ``` 这个配置会告诉 Rollup 打包时先去解析 Quill 和 Quill Image Resize Module 的依赖关系，从而避免出现找不到依赖的问题。希望这些解决方案能够帮助你解决问题。

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交