vue报错 Unexpected use of file extension “vue“ for “../views/xxxxx/index.vue“ import/extension

最新推荐文章于 2025-06-25 17:37:17 发布
原创 最新推荐文章于 2025-06-25 17:37:17 发布 · 3.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

博客内容涉及Vue项目的文件导入错误，作者在尝试不带.vue后缀导入时遇到问题，最终通过将index.vue改名为main.vue成功解决。这个问题可能与TS配置或项目设置有关。

在这里插入图片描述

1.找了半天也不知道为何，网上有的说不要index.vue后缀啊都试过了；
2.曾经TS项目有遇到引入文件没加.vue后缀的情况，后来加了后缀就不报错了；
3.标题的问题解决：index.vue更名为main.vue就解决了
在这里插入图片描述

遇到报错解决：error in ./src/router/index.js
快乐学习
05-06 5788
error in ./src/router/index.js在运行前端vue代码的时候，发现了这个报错。根据与上面的报错提示：就是这个路由里面的问题 ，这里缺失了这个Login.vue的文件，那就创建一个加上去就好了。新建一个Vue组件或者文件都可以，只要名字是。
【Vue】子组件修改props值报错“Unexpected mutation of “todo“ prop...“(已解决)
yolo_______95的博客
10-13 2258
父组件通过props将数据的更新向下流动到子组件中，子组件中所有的 props 都将会实时更新为最新值。这是Vue防止从子组件意外变更新父级组件的状态内容，这样会导致你应用的数据流向杂乱无章。不应该在子组件内部修改定义好的props。并将这个本地 prop 当作其初始值，即如下定义。
Unexpected use of file extention “js“ for “@/render/core/scale/index.js“
Lamour99的博客
08-04 2931
Unexpected use of file extention "js" for "@/render/core/scale/index.js" 解决方案：
education-demo的错误总结
qq_41020661的博客
12-01 1292
education-demo的错误总结感悟？？11.24Q1： Expected linebreaks to be 'LF' but found 'CRLF'Q2： Missing semicolonQ3： Newline required at end of file but not found.Q4：Already included file name 和 Missing file extension "vue" forQ5： The "****" component has been registe
vue3+vite+ts接入eslint配置
cen20081007的博客
11-02 2089
eslint和prettier之前对于代码规范的配置可能存在冲突，如一个希望单引号，一个希望是双引号。原因：@typescript-eslint/parser会解析项目更目录下的tsconfig.json中的配置，因为tsconfig.json中配置了整个项目所需的编译文件和编译选项。：将prettier作为eslint规则，eslint可以按照prettier的配置进行格式化代码。原因：默认解析器是不会对.vue相关的文件进行解析的，所以需要进行额外的配置。在.eslintrc中配置对应的解析器。
Websocket + Spring Session 的异常 Unexpected use of scheduler
补
07-21 2661
当我们使用Spring websocket 和 spring session时，当启动项目时会报错：         配置情况 ：   都有启动。     解决办法：   让websocket配置类继承AbstractSessionWebSocketMessageBrokerConfigurer，重写：     @Override     protected ...
关于使用import导入时不带文件后缀（.vue、.js、.json）报错的问题(Vue)
Saddello的博客
06-25 326
其实这是因为我们使用的vue脚手架不同导致的，如果我们构架项目使用的时vue-cli脚手架他就会使用webpack打包工具，然后webpack默认是配置了可以忽略文件后缀的，但是只有（.vue、.js、.json）这三个。然而当我们使用的vue脚手架是create-vite的时候就不同了，他使用的vite打包工具不会给我们默认配置可以忽略文件后缀。我们在做vue项目的时候会进行很多组件以及方法的导入，但是我们发现有时候不带.vue或则.js等会导致报错，但是有时候不带却不会报错，这是为什么呢？
Unexpected use of file extension "vue" for "@/components/TopNav.vue
最新发布
09-09
`Unexpected use of file extension "vue" for "@/components/TopNav.vue"` 这个错误通常是由于 ESLint 配置不允许在导入语句中使用 `.vue` 文件扩展名引起的。以下是几种可能的解决方法： ### 方法一：修改 ESLint...
精选资源
创建项目时VUE报错的解决办法
02-25
This can be caused by a missing file extension in the URL or an incorrect MIME type configured on the server. ``` 或者是在执行某些命令时出现权限问题导致的加载失败等。 ##### 原因分析 此类错误通常与...
Syntax Error: Unexpected token (1:5516) @ ./src/views/platform/ecu/index.vue?vue&type=template&id=1fe65350& 1:0-434 1:0-434 @ ./src/views/platform/ecu/index.vue @ ./src/views sync ^\.\/.*$ @ ./src/store/modules/permission.js @ ./src/store/index.js @ ./src/main.js
03-08
接下来查看用户提供的堆栈跟踪，涉及到./src/views/platform/ecu/index.vue文件，尤其是模板部分。可能的错误点包括： 1. **模板语法错误**：比如未闭合的标签、错误的指令使用、或无效的表达式。 2. **特殊字符未...
vue 项目启动时，警告“No parser and no filepath given”如何解决？
GWQ_CY的博客
05-31 1773
启动vue项目经常遇到的错误
使用vite插件编写tsx文件
CamphorBlossom的博客
12-11 2392
通常我们在template标签里去写静态页面模板，现在可以扩展另一种书写风格 tsx，类似react的jsx语法。vue2 的时候就已经支持jsx写法，只不过不是很友好，随着vue3对typescript的支持度增高，tsx写法越来越被接受。
【TypeScript】在ts文件中导入其它模块，报错：Unknown file extension “.ts“ for XXX.ts
莫诺库诺的博客
09-07 5452
是ESM模块的导出导入语法，而ts项目初始化后默认的是CommonJS的导入导出语法，所以需要在根目录下的package.json中添加。这其实也跟ESM模块有关，需要在执行ts-node命令时，加上–esm的选项。是用于指定项目中使用 ECMAScript 模块（ESM）的声明。这个错误提示很明显了，直接去tsconfig.json里，加上。导出了一个变量，然后在B.ts中使用。错误描述为位置的文件扩展名。重新执行命令，成功输出结果。如果在A.ts中使用。
【Vue cli3】 Missing file extension "vue" for "xxxx" (import/extensions) 解决方法
热门推荐
01-25 1万+
照例的背景 新开项目，用Vue CLI3创建了Vue工程，配好Webpack什么的之后，写了点代码，发现ESLint报错，报在import的位置，提示 Missing file extension “vue” for “xxxx” (import/extensions) 坑啊，每次用脚手架，都会出各种问题 解决方法 很简单，把 import Test from '../../../compon...
VUE 中 Missing file extension “vue“ for “XXX 的问题解决办法之一
qq_30819871的博客
03-15 7623
在之前element项目中引用分页功能的时候，在引入处加入 import Pagination from ‘@/components/Pagination’; 正常编译 后来在element+ts的项目中添加分页的时候，相同的引入方式，但是会如题的错误 改写成 import Pagination from ‘@/components/Pagination/index.vue’; 指定到组件的具体组件文件名（全名，最好加上.vue，要不然es会提示错误），而不是只指定到组件的包名，就不会报错了 查阅了一些资料
【eslint】规则问题汇总，兼容prettier函数后空格等规则
webFrontEndDev的博客
11-25 8359
一、eslint 规则 【no-new】Do not use 'new' for side effects.禁止使用new不将结果对象分配给变量的关键字的构造函数调用来维护一致性和约定。 使用new构造函数的目标通常是创建特定类型的对象并将该对象存储在变量中 /*eslint no-new: "error"*/ // Bad new Thing(); // Good var thing = new Thing(); Thing(); .eslintrc.js module...
vue启动报错
qq_42766445的博客
07-05 1372
解决vue启动报错问题
执行ts报CTypeError: Unknown file extension “.ts“ for解决
Wx001214的博客
03-09 2424
包错信息：CTypeError: Unknown file extension ".ts" for。:“module”】删除，注意将此代码注释是不可以解决这个问题的，必须要注释。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值