typeerror 相关问题

TypeError是将操作或函数应用于不适当类型的对象时引发的特定类型的错误。您可能会在Python或JavaScript中遇到它。

TypeError:需要 str、bytes 或 os.PathLike 对象,而不是使用 open 读取列表

我有一个 TypeError: Expected str, bytes or os.PathLike object, not list ,有人知道我做错了什么吗? 导入 csv 从集合导入命名元组 从日期时间导入日期时间 朱加多尔 =

回答 1 投票 0

我的服务器文件出现错误 - 无效 URL:index.js

尝试运行我的服务器(index.js)时出现以下错误: 错误:类型错误 [ERR_INVALID_URL]:无效 URL:index.js 代码块在这里: app.get('/:url', 异步函数 (req, re...

回答 3 投票 0

Next.js 14:使用 formData() 时出现 TypeError: s 不是函数

节目概要: 我正在尝试将图像上传到 Next.js 无服务器后端。我使用 formData() 附加/设置数据并使用 axios 将其 POST 到后端。 在后台,我请求...

回答 1 投票 0

Typescript 错误属性在类型(TS2339、TS2365)上不存在[已解决]

我有文件 HorizontalBarChartObeya.vue,下面是源代码 我有文件 HorizontalBarChartObeya.vue,下面是源代码 <template> <Bar :chart-options="chartOptions" :chart-data="chartData" :chart-id="chartId" :dataset-id-key="datasetIdKey" :css-classes="cssClasses" :styles="styles" :width="width" :height="height" /> </template> import { Bar } from "vue-chartjs"; import ChartDataLabels from "chartjs-plugin-datalabels"; import { Chart as ChartJS, Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale, } from "chart.js"; import { max } from "moment"; ChartJS.register( Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale, ChartDataLabels, ); export default { name: "BarChart", components: { Bar, }, props: { chartId: { type: String, default: "bar-chart", }, datasetIdKey: { type: String, default: "label", }, width: { type: Number, default: 4, }, height: { type: Number, default: 4, }, cssClasses: { default: "", type: String, }, styles: { type: Object, default: () => {}, }, plugins: { type: Array, default: () => [], }, dataObeya: { type: Array, default: "", }, dataLabels: { type: Array, default: "", }, maxNumber: { type: Number, default: 0, }, }, data() { return { chartData: { labels: this.dataLabels, datasets: [ { borderRadius: 16, borderSkipped: false, backgroundColor: ["#2F5DE5", "#FA236E", "#49E366"], borderColor: [], pointBorderColor: "#2554FF", data: this.dataObeya, datalabels: { anchor: "end", align: "end", }, }, ], }, chartOptions: { barThickness: 24, indexAxis: "y", responsive: true, plugins: { legend: { display: false, }, tooltip: { callbacks: { title: function () { return `Total Post Obeya`; }, }, }, }, scales: { x: { beginAtZero: true, max: this.maxNumber + 5, ticks: { display: false, }, grid: { display: false, }, }, y: { ticks: { display: true, crossAlign: "far", }, grid: { display: false, }, }, }, }, }; }, watch: { dataObeya: function () { this.chartData.datasets[0].data = this.dataObeya; }, maxNumber: function () { this.chartOptions.scales.x.max = this.maxNumber + 5; }, }, }; 我遇到了这些错误 应用程序仍然正常运行,但它让我很不安,因为我有另一个名为 BarChart.vue 的图表组件,但没有发现错误。有人可以帮帮我吗?谢谢你 我尝试找到解决方案,但仍然无法消除错误,我希望错误现在会消失 我认为问题是数据类型与默认数据不匹配。 props: { dataObeya: { type: Array, default: [], }, dataLabels: { type: Array, default: [], } }, 请尝试更改以上道具。您也可以给出多种类型 props: { dataObeya: { type: [Array,String], default: "", }, dataLabels: { type: [Array,String], default: "", } } 我希望这有帮助。 原因是因为在脚本中我使用了 lang="ts" 这是不必要的所以我删除了 lang 并解决了问题,谢谢

回答 2 投票 0

Typescript 错误属性在类型(TS2339、TS2365)上不存在

我有文件 HorizontalBarChartObeya.vue,下面是源代码 我有文件 HorizontalBarChartObeya.vue,下面是源代码 <template> <Bar :chart-options="chartOptions" :chart-data="chartData" :chart-id="chartId" :dataset-id-key="datasetIdKey" :css-classes="cssClasses" :styles="styles" :width="width" :height="height" /> </template> import { Bar } from "vue-chartjs"; import ChartDataLabels from "chartjs-plugin-datalabels"; import { Chart as ChartJS, Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale, } from "chart.js"; import { max } from "moment"; ChartJS.register( Title, Tooltip, Legend, BarElement, CategoryScale, LinearScale, ChartDataLabels, ); export default { name: "BarChart", components: { Bar, }, props: { chartId: { type: String, default: "bar-chart", }, datasetIdKey: { type: String, default: "label", }, width: { type: Number, default: 4, }, height: { type: Number, default: 4, }, cssClasses: { default: "", type: String, }, styles: { type: Object, default: () => {}, }, plugins: { type: Array, default: () => [], }, dataObeya: { type: Array, default: "", }, dataLabels: { type: Array, default: "", }, maxNumber: { type: Number, default: 0, }, }, data() { return { chartData: { labels: this.dataLabels, datasets: [ { borderRadius: 16, borderSkipped: false, backgroundColor: ["#2F5DE5", "#FA236E", "#49E366"], borderColor: [], pointBorderColor: "#2554FF", data: this.dataObeya, datalabels: { anchor: "end", align: "end", }, }, ], }, chartOptions: { barThickness: 24, indexAxis: "y", responsive: true, plugins: { legend: { display: false, }, tooltip: { callbacks: { title: function () { return `Total Post Obeya`; }, }, }, }, scales: { x: { beginAtZero: true, max: this.maxNumber + 5, ticks: { display: false, }, grid: { display: false, }, }, y: { ticks: { display: true, crossAlign: "far", }, grid: { display: false, }, }, }, }, }; }, watch: { dataObeya: function () { this.chartData.datasets[0].data = this.dataObeya; }, maxNumber: function () { this.chartOptions.scales.x.max = this.maxNumber + 5; }, }, }; 我遇到了这些错误 应用程序仍然正常运行,但它让我很不安,因为我有另一个名为 BarChart.vue 的图表组件,但没有发现错误。有人可以帮帮我吗?谢谢你 我尝试找到解决方案,但仍然无法消除错误,我希望错误现在会消失 我认为问题是数据类型与默认数据不匹配。 props: { dataObeya: { type: Array, default: [], }, dataLabels: { type: Array, default: [], } }, 请尝试更改以上道具。您也可以给出多种类型 props: { dataObeya: { type: [Array,String], default: "", }, dataLabels: { type: [Array,String], default: "", } } 我希望这有帮助。 原因是因为在脚本中我使用了 lang="ts" 这是不必要的所以我删除了 lang 并解决了问题,谢谢

回答 2 投票 0

我正在尝试编写一个简单的Python脚本来计算数字的平方,但我不断收到 TypeError: 'int' object is not callable 错误

我预计输出为 25,但我收到了错误。我尝试过更改变量名称并使用不同的方法,但我仍然无法找出问题所在。有人可以帮助我吗

回答 1 投票 0

我收到错误:无法读取 null 的属性(读取“值”)。类型错误:无法读取 null 的属性(读取“值”)。我不明白

我正在尝试做词汇测试笔记。下面的代码是关于单词的注册。 接口添加到列表{ zh: 字符串; ko:字符串; } const [word, setWord] = usetState({ ...

回答 1 投票 0

Flask 返回重定向(url_for('xyz'))导致 TypeError:'<' not supported between instances of 'int' and 'str'

请耐心等待,我是一个十足的菜鸟,这是我第一次请求帮助,所以我真的不知道如何阐明问题或提供什么来帮助阐明问题。 我收到“

回答 1 投票 0

类型错误:无法读取未定义的属性(读取“args”)

我一直在尝试在conf.ts文件中为webdriverio设置一些URL,以便我可以使用process.env在qa或prod上运行它们,例如: ENV=qa npx wdio run test/config/wdio.conf.ebay.ts --suite

回答 1 投票 0

嵌入式 Monaco 编辑器实例在 editor.main.js = $ 不是函数时失败

我正在开发一个网络桌面,我正在尝试将摩纳哥编辑器集成为一个应用程序。我第一次尝试它确实有效,但下一次提交我无法弄清楚我的生活是什么......

回答 1 投票 0

Flutter - 将类型从一个包转换到另一个包

我正在开发一个应用程序,我需要在其中显示蓝牙(经典和BLE)设备,并且我能够发现使用(flutter_bluetooth_serial)包并在ListView中显示。我也能连接...

回答 1 投票 0

类型错误:Int 对象不可调用错误

为什么会出现这个错误 代码 我的班级: def __init__(自身, 值): self._value = 值 def 显示(自我): print(f"值为 {self._value}") @财产 def tenv...

回答 1 投票 0

PhpStorm 错误?错误的返回类型:预期用户,在 Laravel 存储库中返回 Eloquest\Model|对象

我的意思是...为什么?我正在使用模型定义查询,它实际上返回正确,但 PhpStorm 没有正确检测到我。 这工作得很好,但是拥有

回答 2 投票 0

无法导入 CoolProp

我是编程新手,昨天才开始 也许这是非常基本的 我想导入coolProp来输入Cp和Cv值,但是当我输入: 导入 CoolProp.CoolProp 作为 CP 它显示以下

回答 1 投票 0

类型错误:/ 不支持的操作数类型:“list”和“int”

我收到以下错误: / 不支持的操作数类型:“list”和“int” 我该如何解决这个问题?任何想法? 这是我的代码: def func(xdata_1,cc,dd,gg): 返回 cc*(xdata_1**(dd))...

回答 2 投票 0

SlidesJS - TypeError:$(...).slidesjs 不是函数

我正在尝试在我的网站上实现 SlidesJS 插件,但是当页面加载时,我收到以下错误: 类型错误:$(...).slidesjs 不是函数 我的html是: ... 我正在尝试在我的网站上实现 SlidesJS 插件,但是当页面加载时,我收到以下错误: TypeError: $(...).slidesjs is not a function 我的html是: <div class="slider"> <div class="container"> <div id="slides"> <img src="<?= img('slides/example-slide-1.jpg') ?>" alt="photo 1"> <img src="<?= img('slides/example-slide-2.jpg') ?>" alt="photo 2"> <img src="<?= img('slides/example-slide-3.jpg') ?>" alt="photo 3"> <img src="<?= img('slides/example-slide-4.jpg') ?>" alt="photo 4"> <a href="#" class="slidesjs-previous slidesjs-navigation"><i class="icon-chevron-left icon-large"></i></a> <a href="#" class="slidesjs-next slidesjs-navigation"><i class="icon-chevron-right icon-large"></i></a> </div> </div> </div> 我的CSS文件包含: .slider #slides { display: none; } 我的js文件包含: $(document).ready(function() { ... $("#slides").slidesjs({ width: 1000, height: 290 }); } 我已经包含了 jQuery 和插件的特定脚本,但我仍然收到此错误。 我错过了什么吗? 我遇到了同样的问题,并通过将文件包含移动到页脚来解决它。 这对我不起作用。我已经尝试过上述解决方案。 粘贴在页脚部分

回答 2 投票 0

将 firebase 连接到我的 React 应用程序时出现错误

firebase config.js: 从“firebase/app”导入{initializeApp}; 从 'firebase/firestore/lite' 导入 { getFirestore}; 从“firebase/auth...

回答 1 投票 0

setter 给出“typeError:不是函数”

我将道具从父级 MoneyOut 传递到子级 AddSupliers,然后从该子级传递到使用它的另一个子级 SupplyNameCompont,这些道具已被解构。首先,表单工作......

回答 1 投票 0

为什么我会收到此类型错误:在字符串格式化过程中并非所有参数都已转换?

numbers = input ('请输入数字') 如果数字 % 2 == 0 : print('偶数') 别的: 打印(‘奇数’) 类型错误:字符串格式化期间并非所有参数都已转换 我想写一个

回答 1 投票 0

Super 表达式必须为 null 或函数 nextjs 13

当我导入时 从“react-responsive-carousel”导入{Carousel}; 并像下面这样使用它: 当我导入时 import { Carousel } from "react-responsive-carousel"; 并像下面这样使用它: <Carousel autoPlay infiniteLoop showStatus={false} showIndicators={false} showThumbs={false} interval={5000} ></Carousel> TypeError: Super expression must either be null or a function, not undefined 我希望在我的网站上出现横幅轮播 添加use client对我有用。这是代码片段。我正在使用 Next.js 13 和 Typescript 'use client' import React from 'react' import { Carousel } from 'react-responsive-carousel' type Props = {} function Banner({}: Props) { return ( <div className='relative'> <Carousel autoPlay infiniteLoop showStatus={false} showThumbs={false} interval={5000} > <div> <img loading='lazy' src="" alt='' /> </div> <div> <img loading='lazy' src="" alt='' /> </div> <div> <img loading='lazy' src="" alt='' /> </div> </Carousel> </div> ) } export default Banner 看来使用Carousel组件的react组件应该是客户端组件而不是服务器组件。这是使用指令“use client”完成的。在 React 18 中,app 目录中的组件默认是服务器组件。 尚不清楚为什么它不能从服务器组件运行。 可能最好在他们的 github 项目上创建一个问题 https://github.com/leandrowd/react-responsive-carousel/issues 从Next.js 13开始,app目录下的所有页面默认都是Server Component。 Server Component 不允许交互和事件侦听器(onClick、onChange 等)和使用状态和生命周期效果(useState、useEffect 等)。 无法使用react-responsive-carousel的原因可能是库内部使用了useState或useEffect或onClick和onChange事件监听器。 Next.js 官方文档已经指出了何时使用Server Component和Client Component 我刚刚通过在轮播组件顶部插入“使用客户端”来让 Next.js 和 React-responsive-carousel 协同工作。 这就是您上班时的样子: 'use client'; import React from 'react'; import Image from 'next/image'; import { Carousel } from 'react-responsive-carousel'; import 'react-responsive-carousel/lib/styles/carousel.min.css'; export default function MyCarousel() { return ( <Carousel autoPlay infiniteLoop showStatus={false} showIndicators={false} showThumbs={false} interval={5000} > <div> <img src='/image1.jpg' /> </div> <div> <img src='/image2.jpg' /> </div> </Carousel> ); } 我也面临同样的问题,因此在 Next Js 13 中,组件将“use Client”一词写入 String 解决这个问题 “使用客户端” "use client" import Image from 'next/image' import ReactPlayer from 'react-player' import { Carousel } from 'react-responsive-carousel'; import 'react-responsive-carousel/lib/styles/carousel.min.css'; export default function Home() { return ( <main className="flex min-h-screen flex-col items-center justify-between p-24"> <Carousel autoPlay infiniteLoop showStatus={false} interval={5000} > <div> <Image src='/image1.jpg' width={20} height={30} /> </div> <div> <Image src='/image2.jpg' width={20} height={30}/> </div> </Carousel> </main> ) } 对于反应响应轮播使用“使用客户端” "use client" import React from 'react' import { Carousel } from 'react-responsive-carousel'; import sliderImg_1 from '../images/slider/sliderImg_1.jpg'; import sliderImg_2 from '../images/slider/sliderImg_2.jpg'; import sliderImg_3 from '../images/slider/sliderImg_3.jpg'; import sliderImg_4 from '../images/slider/sliderImg_4.jpg' import Image from 'next/image'; const Banner = () => { return ( <Carousel> <div> <Image src={sliderImg_1} alt="slider-1" /> <p className="legend">Legend 1</p> </div> <div> <Image src={sliderImg_2} alt="slider-2" /> <p className="legend">Legend 2</p> </div> <div> <Image src={sliderImg_3} alt="slider-3"/> <p className="legend">Legend 3</p> </div> <div> <Image src={sliderImg_4} alt="slider-4"/> <p className="legend">Legend 3</p> </div> </Carousel> ) } export default Banner 通过“使用客户端”,您的整个文件将成为 CSR 如果你不想这样,请使用这个方法: 1.创建名为Carousel.tsx的文件 2.在下面写下这段代码 “使用客户端” 从“react-responsive-carousel”导入{Carousel}; 导出默认轮播; 3.然后在你的文件中: 从 ./Carousel 导入 Carousel; 现在它在服务器端工作,并且只有 Carousel 在 CSR 中

回答 7 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.