此模块是使用 “export =” 声明的，只能在使用“esModuleInterop”标志时用于默认导入。

最新推荐文章于 2024-07-09 21:18:14 发布
最新推荐文章于 2024-07-09 21:18:14 发布
阅读量286 收藏 4
点赞数 7
文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44846945/article/details/138571905
版权

问题

最近开发中代码出现了一个很奇怪的报错，不影响使用，但是看着很难受，自从用了ts和eslint，看到报红挺难受的，虽然不影响功能，具体是什么错误呢，请看下图
在这里插入图片描述
我引了个dayjs，处理时间的第三方插件，功能上不影响使用，但是个人看着很难受哈

解决

开始自己也尝试在tsconfig.json去过滤这个报错，但是好像没啥效果，找到一个大佬的博客，顺利解决

import * as dayjs from "dayjs";

但是具体为什么呢，这位大佬的博客也讲解了很清楚，我就不细说，直接引用下，虽然是react的模版，但其实都是通用的
博客地址

乆夨(jiuze)
关注
  • 7
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【Typescript】跟tsconfig设置相关的报错
qq_34838046的博客
10-04 2052
1.esModuleInterop import express from ‘express’; 报错内容： 此模块是使用 "export =" 声明的， 在使用 "esModuleInterop" 标志时只能与默认导入一起使用。 //解决方案：compilerOptions.esModuleInterop=true { "compilerOptions": { "esModuleInterop": true } } 原因：很多库没有默认输出，普通的方法为： import * as
Vue3 此模块是使用 “export =” 声明的，只能在使用“allowSyntheticDefaultImports”标志时用于默认导入。
weixin_51070343的博客
05-30 700
如果不设置会提示报错。
此模块是使用 “export =“ 声明的，只能在使用 “allowSyntheticDefaultImports“ 标志时进行默认导入。
CSDN for recording problems
06-10 592
提示：此模块是使用 "export =" 声明的，只能在使用 "allowSyntheticDefaultImports" 标志时进行默认导入。
typescript的tsconfig中esModuleInterop的到底做了什么？
过客2019
03-28 4227
问题引入 很多 react 使用者在从 JS 迁移到 TS 时，可能会遇到这样一个问题： JS 引入 react 是这样的： // js import React from 'react' 而 TS 却是这样的： // ts import * as React from 'react' 如果直接在 TS 里改成 JS 一样的写法，在安装了 @types/react 的情况下，编辑器会抛出一个错误：此模块是使用 "export =" 声明的，在使用 "esModuleInterop" 标志
react+ts+vite|项目初始化
weixin_57660777的博客
08-12 285
react+vite+ts的项目初始化构建
vite中引入插件报错记录,1此模块是使用 “export =“ 声明的，2无法找到模块“XXX”的声明文件具有隐模式any类型
YOUHUNANMA的博客
06-20 2119
vite中引入插件报错，1此模块是使用 “export =“ 声明的，2无法找到模块“XXX”的声明文件具有隐模式any类型
导入React 报错，模块 ““e:/ls/my-react/node_modules/@types/react/index““ 只能在使用 “esModuleInterop“ 标志时进行默认导入
qq_37291053的博客
03-01 400
模块 ““e:/ls/my-react/node_modules/@types/react/index”” 只能在使用 “esModuleInterop” 标志时进行默认导入。tsconfig.json配置以下即可。
ES6使用export和import实现模块化的方法
01-19
现在ES6自带了模块化， 也是JS第一次支持module， 在很久以后 ，我们可以直接作用import和export在浏览器中导入和导出各个模块了， 一个js文件代表一个js模块； 现代浏览器对模块(module)支持程度不同， 目前都是...
ES6新特性：使用export和import实现模块化详解
01-19
现在ES6自带了模块化， 也是JS第一次支持module， 在很久以后 ，我们可以直接作用import和export在浏览器中导入和导出各个模块了， 一个js文件代表一个js模块； 现代浏览器对模块(module)支持程度不同， 目前都是...
PEInfo.rar_EXinfoPE 使用_export table pe file_peinfo
09-21
标题 "PEInfo.rar_EXinfoPE 使用_export table pe file_peinfo" 涉及到的是一个关于PE文件（Portable Executable）分析的工具或程序，名为PEInfo，它可以帮助用户查看PE文件的内部结构，特别是其导入表和导出表。在...
此模块是使用 “export =“ 声明的，只能在使用 “allowSyntheticDefaultImports“ 标志时进行默认导入
m0_63594852的博客
07-07 787
直接根据提示在 tsconfig.json 里的 "compilerOptions" 中 设置 "allowSyntheticDefaultImports":true,此模块是使用 "export =" 声明的，只能在使用 "allowSyntheticDefaultImports" 标志时进行默认导入。今天在vue3引入lodash的时候遇到这个。
typescript编译选项esModuleInterop的作用
热门推荐
神以灵的博客
12-07 1万+
esModuleInterop选项的作用是支持使用import d from 'cjs'的方式引入commonjs包。 引入commonjs模块的方式 无类型声明文件 如果一个模块没有类型声明，可以直接使用const cjs = require('cjs')的方式引入模块，此时cjs的类型是any 有类型声明文件 1.使用import cjs = require('cjs')方法引入 2.使用...
从零开始配置 react + typescript（三）：webpack
qq_39523606的博客
02-19 650
本篇为 从零开始配置 react + typescript 系列第三篇，将带大家完成模板项目的 webpack 配置。整个项目的配置我力求达到以下目标： 灵活： 我在配置 eslint 是选择使用 js 格式而不是 json，就是为了灵活性，使用 js 文件可以让你使用环境变量动态配置，充分发挥 js 语言的能力。当然了，用 js 作配置文件也是有缺点的，不能使用 json schema 校验。 ...
Es6中模块(Module)的默认导入导出及加载顺序
itclanCoder
07-15 3174
虽互不曾谋面,但希望能和你成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊（若您有任何问题,都可以在文末留言或者提问啦）前言...
vue 切换主题色切换主题色切换主题色切换主题色切换主题色
最新发布
口袋的天空的博客
07-09 1163
vue切换主题
vue详解
m0_46702681的博客
07-08 1144
指令:HTML标签上带有 v-前缀的特殊属性，不同的指令具有不同的含义，可以实现不同的功能常用指令:v-for 列表渲染，遍历容器的元素或者对象的属性v-bind 为HTML标签绑定属性值，如设置 href，css样式等v-if/y-else-if/v-else 条件性的渲染某元素，判定为true时渲染，否则不渲染v-show 根据条件展示某元素，区别在于切换的是display属性的值。
模块 ""d:/cocogame/Tess/node_modules/@types/component-emitter/index"" 只能在使用 "allowSyntheticDefaultImports" 标志时进行默认导入ts(1259) index.d.ts(25, 1): 此模块是使用 “export =” 声明的，只能在使用“allowSyntheticDefaultImports”标志时用于默认导入。
06-07
这个错误提示是因为 TypeScript 需要在 tsconfig.json 文件中开启 `allowSyntheticDefaultImports` 选项来支持使用 `import Emitter from 'component-emitter'` 这样的默认导入方式。具体操作如下： 1. 在项目根目录下创建一个名为 `tsconfig.json` 的文件（如果已经有了就跳过这一步）。 2. 打开 `tsconfig.json` 文件，添加以下代码： ```json { "compilerOptions": { "allowSyntheticDefaultImports": true } } ``` 3. 重新编译你的 TypeScript 代码，这个错误提示应该就会消失了。 注意：如果在编译过程中出现其他错误，请根据错误提示进行相应的修改。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值