vue ts 导入 @/assets/ 红色显示的问题解决

最新推荐文章于 2024-08-06 16:33:29 发布

十月ooOO

最新推荐文章于 2024-08-06 16:33:29 发布

阅读量695

点赞数 5

CC 4.0 BY-SA版权

分类专栏： TypeScript # Vue3 # Vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/KimBing/article/details/139429547

vue ts 导入 @/assets/ 红色显示的问题解决

一、问题描述

在这里插入图片描述
在使用的时候这样导入会出现如上的错误。
在使用的时候，导入的类型也没有对应的代码提示，说明导入有问题。

二、解决

在 tsconfig.json 中添加如下内容：

{
   
   
  "compilerOptions": {
   
   

    "baseUrl": "/src",
    "paths": {
   
   
      "@/*": ["*"]
    },
  },
  "include"

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

十月ooOO

关注关注

5
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

vue3+ts引用js文件时提示：无法找到模块“@/assets/js/mxgraph.js”的声明文件。

徐同保的专栏

08-09

1079

vue3+ts引用js文件时提示：无法找到模块“@/assets/js/mxgraph.js”的声明文件。

关于ts文件中，引入vue文件报红线的问题

weixin_44778906的博客

08-15

1596

vue3项目中.ts文件中引入vue模块爆红

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

vue3+ts引入文件爆红问题

weixin_66582617的博客

02-20

5489

爆红问题，那么在tsconfig.json文件中，将moduleResolution：的值更改为node。解决完后，有可能引入ts文件还会存在爆红问题，当出现爆红的时候如引入的routers.ts爆红，最简单的解决办法就是将后缀的.ts给删除掉。如果觉得删除掉.ts影响感官，那可以查看自己的开发工具是否下载了Vetur插件，如果下载了将他禁用，下载新的插件。安装完成后，将开发工具重新启动，一般就可以解决掉引入爆红问题，如果还没有解决，自求多福，我也没遇到过。在vite-env.d.ts文件中添加以下代码。

vue3中引入文件ts报红色波浪线问题

dzry_lr的博客

11-30

3405

vue3中引入文件ts报红色波浪线

vue+ts配置自动引入element组件后报红色波浪线

m0_58714015的博客

01-12

829

解决方法【tsconfig.json文件】：

Vue3中导入.vue文件时出现报红，且不影响项目运行，但是就是影响心情，可以尝试一下下面。

m0_57485819的博客

03-23

1172

在env.d.ts文件中添加如下代码：

'@/assets/lib/quill/quill.js'

04-01

### 正确配置 `@/assets/lib/quill/quill.js` 路径在 Vue 项目中，路径解析依赖于 Webpack 的配置。通常情况下，`@` 是指向项目的 `src` 目录的一个别名。因此，当尝试引用 `@/assets/lib/quill/quill.js` 时，...

使用方法一报错Cannot find module '@/assets/images/dataSet1.png' or its corresponding type declarations

最新发布

06-26

如果以上步骤仍然不能解决问题，可能需要检查具体的项目配置。根据上述分析，我们可以生成相关问题：1.如何配置Vite中的路径别名？2.在TypeScript中如何声明图片模块的类型？3.如何检查文件路径是否正确？4.在...

vue css 引入asstes中的图片无法显示的四种解决方法

11-21

在Vue CLI 2.x的项目中，我们经常会遇到在...根据实际情况，可以选择恢复默认值、设置绝对路径、修改CSS打包配置或优化图片引用策略来解决问题。在开发过程中，合理管理资源路径和配置，可以有效避免此类问题的发生。

【ts】ts项目引入文件报红，进行全局类型声明的方法

bbt953的博客

08-19

2062

ts项目引入文件报红，进行全局类型声明的方法

关于ts文件中，引入vue文件报红线的问题【Vue: Cannot find module ./App or its corresponding type declarations.】

weixin_43343144的博客

01-06

680

问题就是ts不会识别vue，会认为没有这样的模块。找到你的env.d.ts中写入下面代码。

vue引入文件成功报红问题

Zty_3184的博客

08-06

559

安装完成后，例如引入文件会出现如图报红(ps: 文件成功引入，报红，实际找到文件位置)报红需要在项目的配置文件内添加path路径，这与设置别名并不冲突。如，我使用的ts，则在文件名为tsconfig.json中添加。

vue引入背景图片报错 * ./@/assets/404_images/hs.jpg in ./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-

tutodelinglimgho的博客

02-23

1679

vue引入背景图片报错 * ./@/assets/404_images/hs.jpg in ./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref-

vue3 + Typescript import “.vue“ 文件时报红问题

qq_46007991的博客

04-14

3573

在写完index.vue之后，想回去在解决这个问题，结果发现不报红了，经过一番折腾之后发现组件中的ts脚本是不需要默认导出的，在script标签中加上setup字段即可，这样也解决了导入vue文件的问题。因为以前一直是用的js来写脚本，突然换成ts之后有很多问题，今天在做路由设置导入组件的时候一直报红，看了很多相关文档都没有找到问题，最后发现其实是因为ts导出方式和js不太一样。在做完这一步之后依旧在报红，也运行不起来，各方查阅文档后依旧解决不了，干脆摆烂了！

Vue3 解决@资源引用报红，以及 Api 自动引入

widrh的博客

07-04

1093

Vue3 解决@资源引用报红，以及 Api 自动引入

【Vue】引入路径正确，不影响正常运行但文件爆红

weixin_47375144的博客

01-12

1489

vue 使用import引入路径时，不影响项目正常运行，但是文件爆红，影响美观

Vue3+Ts项目中语法警告解决以及如何配置使用svg

qq_72760247的博客

05-31

944

Vue3+Ts项目中语法警告解决以及如何配置使用svg

vue项目路径使用@的原因

zhang79513的博客

04-07

1690

@是webpack设置的路径别名。在vue项目中我们会引入文件或者组件，在引用的时候会用@符号因为这利用了到了webpack的 alias 别名在build/webpack.base.conf.js中配置的别名： resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dis...

电脑 Vue 加载静态资源报错

TechRoar的博客

09-20

344

在 Vue 开发中，我们经常需要加载静态资源，例如图片、样式表或 JavaScript 文件。本文将详细介绍一些可能导致 Vue 加载静态资源报错的常见问题，并提供相应的解决方案。在 Vue 开发中，加载静态资源报错可能是由于资源路径错误、缓存问题、跨域问题或文件类型不支持等原因引起的。通过仔细检查资源路径、处理缓存、进行跨域配置和确认文件类型是否受支持，我们可以解决这些问题并成功加载静态资源。确保加载的静态资源文件类型是受支持的，并在服务器端进行相应的 MIME 类型配置。如有其他疑问，请随时提问。