VSCode打开Vite所创建项目中import 后面爆红问题解决

最新推荐文章于 2024-06-21 17:55:27 发布

一只小混子

最新推荐文章于 2024-06-21 17:55:27 发布

阅读量1k

点赞数 11

文章标签： vscode 前端

本文链接：https://blog.csdn.net/weixin_48556553/article/details/135491799

版权

问题展示:

图1.问题

主要原因是VSCode对相应语法识别产生冲突，其可能问题及解决方法：

一.扩展冲突

在使用Volar(Vue官方推荐插件)的同时也使用了Vetur插件。

解决方法:禁用Vetur插件。

图2.Vetur禁用

图3.图4.Volar启用

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一只小混子

关注关注

11
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
VSCode打开Vite所创建项目中import 后面爆红问题解决

在使用Volar(Vue官方推荐插件)的同时也使用了Vetur插件。解决方法:禁用Vetur插件。图3.图4.Volar启用。图2.Vetur禁用。
复制链接

扫一扫

vscode-vite：VS Code中的Vite快一步

03-03

:high_voltage: 打开项目后立即启动开发服务器 :rocket: 无需离开编辑器即可预览/调试应用 opening在打开新项目时提示快速安装节点模块（ npm i yarn pnpm i ） :package: 一键式构建和服务 :counterclockwise_...

vue3+ts项目在vscode中爆红提示修复

不疲不倦的博客

05-29

7278

新搭建的vue3+ts项目，在vscode中打开，已经安装的的依赖文件也会提示红线

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

vue3语法中使用vscode打开，满屏红线报错，解决方法

jieyucx的博客

12-28

1万+

vue3语法中使用vscode打开，满屏红线报错，解决方法

(vue3)引入组件标红，...has no default export 组件没有默认导出

热门推荐

weixin_59250190的博客

02-27

1万+

方法1：vscode全局配置。打开vscode设置，或者直接快捷键 `Ctrl` +`,` 在搜索栏输入 prettier，然后找到 End Of Line 这个选项设置为 `auto`，如图：

vite+ts创建项目报红问题

qq_54601164的博客

06-02

1906

查看项目“main.ts” 文件中 “import App from ‘./App.vue’” 部分报错原因，提示报错 “Cannot find module ‘./App.vue’ or its corresponding type declaration”安装vite框架（Vue3）后，项目“main.ts” 文件中 “import App from ‘./App.vue’” 部分有红色报错提示，其他文件有些import引入文件也报错。报错原因：vite使用的是ts，ts不识别 .vue 后缀的文件。

vscode c++代码飘红问题

qq_43474780的博客

09-05

743

检查.vscode文件中c_cpp文件目录名。在c_cpp文件中配置头文件目录。1、vscode没配好。2、头文件目录未包含。

解决Vue3+Vite+TS创建的项目中‘./App.vue‘标红问题

weixin_53141315的博客

08-02

2215

解决Vue3+Vite+TS创建的项目中'./App.vue'标红问题

VScode运行Python项目时，import包或.py代码出现红线，提示无法识别。

ZYL_sdarling的博客

09-11

1964

情况一。

vue3+vite创建项目-（傻瓜式教程）

01-19

Vue3 + Vite 创建项目教程 Vue.js 是一个流行的前端框架，它的最新版本Vue3引入了许多新特性，如Composition API、Suspense、Teleport等，提供了更好的性能和更灵活的开发体验。Vite是由Vue.js作者尤雨溪开发的一款...

Vue 2.0在IE11中打开项目页面空白的问题解决

08-29

Vue 2.0在IE11中打开项目页面空白的问题解决 Vue 2.0是一个流行的前端框架，然而在IE11中打开项目页面时，可能会出现空白的问题。这个问题的出现是因为Babel默认只转换新的JavaScript句法（syntax），而不转换新的...

vite vue3 import.meta.glob动态路由

03-29

其他配置文件如`vite.config.js`用于配置Vite，`package.json`用于管理项目依赖和脚本，而`.gitignore`、`jsconfig.json`、`README.md`和`.vscode`则是项目管理和开发环境的配置文件。`pnpm-lock.yaml`是使用pnpm包...

使用vite搭建react+typescript及解决vscode各种红线报错

qq_45862085的博客

12-28

877

使用vite搭建react+typescript，解决各种vscode中的红线报错

vscode中vue页面中大片爆红（图文教程）

草巾冒小子的博客

08-31

2630

vscode中vue页面中大片爆红（图文教程）

vue-router 按需加载 component: () =＞ import()报错

weixin_43728978的博客

07-20

721

命令输入 cnpm install babel-plugin-syntax-dynamic-import --save-dev webpack.base.conf.js修改loader { test: /\.js$/, loader: 'babel-loader', options: { plugins: ['syntax-dynamic-import'] }, include: [resolve('src

vue3 vite 引入路由后代码报红解决方法

逆风优雅的博客

06-01

1457

如图：正常引入页面路由，路径也是正确的，但是路径有报红。原因是：当前指明路径正则有问题的文件是。

vue3 动态加载组件以及解决vite import报警告 The above dynamic import cannot be analyzed by Vite 的问题

weixin_45368519的博客

08-24

4225

The above dynamic import cannot be analyzed by Vite. 在某些地方我们并不希望把组件都注册到router通过路由访问，或者多个小组件在一次引入，这个时候动态加载便有了用处vue3有了新的异步加载组件的方法 defineAsyncComponent。

出现 import导入的类都爆红的解决方法（万能）

码农研究僧的博客

12-11

5326

出现import爆红的情况要分类讨论，一种是项目中引入的包，一种是maven的依赖包对于所有的包是否都爆红！前提都需要路径正确！

Vscode使用vite创建vue3项目

09-20

您可以使用以下步骤在VSCode中使用Vite创建Vue3项目： 1. 确保您的计算机已经安装了Node.js，可以在终端中运行`node -v`来检查版本。 2. 打开VSCode，创建一个新的文件夹来存放您的项目。 3. 在VSCode的终端中，...