通过vue-cli创建uni-app项目后tsconfig.json文件报错

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

#vue.js #uni-app #json

Option 'importsNotUsedAsValues' is deprecated and will stop functioning in TypeScript 5.5. Specify compilerOption '"ignoreDeprecations": "5.0"' to silence this error.
Use 'verbatimModuleSyntax' instead.ts

这是一个很明显的ts报错，我们就不要考虑其他东西了，就直接找ts的问题

解决

其实这个报错就告诉了我们解决方法
在tsconfig.json文件中使用compilerOption '“ignoreDeprecations”: “5.0”'就可以取消报错

ll_renlong
关注
一、创建uni-app + Vue3项目并配置自动导入
weixin_39915504的博客
07-17 1万+
在不使用自动导入的情况下，我们每使用到一个vue或者uniapp的方法的时候，就需要import一下，当配置了自动导入后就不需要import了，可以极大的提高开发效率！
uniapp：Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib
高级前端工程师
10-02 4287
uniapp 报错：Error: Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js): 语法错误：Unexpected token，vue报错，Vue模板编译阶段，表明模板中存在语法问题，uniapp语法问题详细排查方案，如何解决这个问题，HBuilder编译uniapp 报错，解决uni-app编译代码时报错，unia
uniapp创建ts项目tsconfig.json报错的问题
2301_77523019的博客
10-08 320
创建命令：npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project。
tsconfig.app.json文件报红：Option ‘importsNotUsedAsValues‘ is deprecated...
pig_ning的博客
12-23 2829
tsconfig.app.json文件报红：Option ‘importsNotUsedAsValues‘ is deprecated...
TypeScript预加载配置避坑指南：10个常见错误及最佳实践方案
最新发布
IterLoom的博客
10-22 688
掌握TypeScript预加载配置的关键技巧，避开常见错误。涵盖模块解析、路径别名与编译选项优化，提升项目加载速度与开发效率。适用于大型前端工程化场景，配置一次，长期受益，值得收藏。
uniapp处理tsconfig.json报错
grand_brol的博客
11-29 4015
报错内容 ‘’在配置文件“c:/Users/kza/Desktop/uuiapp/my-project/tsconfig.json”中找不到任何输入。指定的 “include” 路径为“["**/*"]”，“exclude” 路径为“[]”。 解决方式 1、根目录新建一个ts文件 2、tsconfig添加如下代码 { "compilerOptions": { "types": [ "@dcloudio/types", "miniprogram-api-typings",
关于tsconfig.json文件报红：Option ‘importsNotUsedAsValues‘ is deprecated...
m0_55734628的博客
08-15 8608
在 "compilerOptions" 配置项中添加 "ignoreDeprecations": "5.0", 让编译器去忽略这个报红。过来就是：选项'importsNotUsedAsValues'已弃用，并将在TypeScript 5.5中停止工作。指定compilerOption '" ignoreprecations ": "5.0"'来消除这个错误。使用'verbatimModuleSyntax'代替。这样就能解决tsconfig.json文件报红的问题。
tsconfig.json 报错 Cannot find type definition file for ‘lodash‘. 解决方案
我是程序员海军, 全栈开发 | AI爱好者 ｜ 独立开发。
05-29 3562
需要注意的是，lodash-es 是一个 ES6 模块，不能使用 CommonJS 的 require 导入。如果你已经安装了 @types/lodash 包但仍然出现了上述错误，可能是 TypeScript 编译选项没有正确配置。这样 TypeScript 就会在 node_modules/@types 目录下查找类型定义文件，并且将 lodash 添加到编译选项中。在项目中安装 @types/lodash 包，它包含了 lodash 的类型定义文件。
通过 vue-cli 创建 uni-app 项目
weixin_44860425的博客
04-28 3043
查看uni-app官方文档 需要注意bash选择不了模板，只能选择默认模板。可以打开cmd窗口进行安装可选择模板 不太喜欢hello uni-app 项目模板的结构 所以我又安装了默认模板 配置一下api接口 安装 npm install uview-ui main.js import Vue from 'vue' import App from './App' import uView from "uview-ui"; Vue.use(uView); Vue.config.producti
uni-app 使用vue-cli-service如何配置多环境？
山野里的小菊花
12-16 3394
前言 项目搭建过程中，往往会涉及到2个或以上的环境，比如目前官网已有的开发环境（development）和发布环境（production），但是如果要增加第三个环境，如预发布环境（此处用release），就需要自行配置。 如果是用HBuilderX创建的uni-app项目，需要转为vue-cli模式的（也就是使用npm），下列给出粗略步骤 全局安装vue-cli(3.x以上)，webpack...
vue-cli+uni-app+vue3.0+ts构建自定义条件编译（飞书）小程序
weixin_41722909的博客
09-11 3648
一、新建项目 1.全局安装 vue-cli，如果有用vue-cli构建过项目可跳过该步 npm install -g @vue/cli 2.创建uni-app+vue3项目 vue create -p dcloudio/uni-preset-vue#vue3 uni-vue3-project uni-app模板选择：默认模板(TypeScript) 二、添加配置 1.做一些对应飞书小程序的配置，可参考官网说明 package.json中加入如下配置： "uni-app": {
vue-cli创建uniapp页面.docx
07-21
安装完 Vue CLI 后，可以使用以下命令创建一个新的 Uni-app 项目： ```bash vue create -p dcloudio/uni-preset-vue my-project ``` 其中，`my-project` 是项目名称，可以根据需要进行修改。 使用正式版或 alpha ...
vue3-vite安装后main.ts文件和tsconfig.app.json文件报错解决
qq_39111074的博客
06-25 1万+
vue3-vite安装后main.ts文件和tsconfig.app.json文件报错解决
解决uniapp中的tsconfig.json文件配置nativeTags,报错属性不存在
qq_42874794的博客
06-05 1629
uniapp
Uni-App解决全局变量和wx变量在TS中类型报错
fateofkingdom的博客
05-13 1677
微信小程序 API 的 TypeScript 类型定义文件。
Cannot find base config file @vue/tsconfig/tsconfig.web.json
屹想天开
07-03 3386
vue升级到最新版本,node18 会出现warning。
tsconfig.app.json报红，Resolution“bundler”
huang_hai_an的博客
10-29 1342
在那个VSCode版本中，我发现的唯一修复是在tsconfig中将bundler更改为node。我可以让vscode和tsc --noEmit分别与不同的tsconfig一起工作，但不能让两者一起工作。当我在vscode中打开ts文件时，vscode无法解析任何引用。现在，我只做了两个单独的tsconfig。tsconfig.json有“module”：“nodenext”，这样vscode就可以工作了，然后我将tsc指向一个单独的tsconfig。从上面的tsc错误，我尝试和改变tsconfig。
vscode中vue3+ts报类型“{ }“上不存在属性“ “，以及ts.config.app.json和tsconfig.node.json中报错（彻底解决）
热门推荐
LLL3189860667的博客
07-26 2万+
亲爱的小伙伴们，你们是否遇到过使用vscode打开vue3+ts项目时一片爆红，一直提示类型"{}"上不存在属性 ""，以及ts.config.app.json和tsconfig.node.json中报“在没有"node"模块解析策略的情况下，无法指定选项"-resolveJsonModule”的问题，不要担心，不要着急，看了很多篇的博客，我终于是彻底解决了这些恶心的报错，然后就迫不及待地想要分享给大家，希望对各位有所帮助哦！
解决Vue3 tsconfig.json 报错：Option ‘importsNotUsedAsValues‘ is deprecated and will stop functioning in T
DacingCode的博客
06-15 5154
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档解决Vue3 tsconfig.json 报错：Option ‘importsNotUsedAsValues’ is deprecated and will stop functioning in TypeScript 5.5. Specify compilerOption ‘“ignoreDeprecations”: “5.0”’ to silence this error.
vue-cli 创建支持 vue3 的 uni-app 项目
03-24
<think>嗯，用户想了解如何使用vue-cli创建支持Vue3的uni-app项目。首先，我得确认一下当前uni-app对Vue3的支持情况。记得之前uni-app官方是在HBuilderX中支持Vue3的，但用户可能更习惯使用vue-cli。需要检查官方文档是否有相关说明。 首先，应该确认uni-app的Vue3支持需要哪个版本。根据之前的了解，uni-app从v3.0.0-alpha开始支持Vue3，但可能需要特定的模板。用户可能已经安装了vue-cli，所以需要指导他们安装正确的模板。 接下来，创建项目的命令。官方可能有特定的模板名称，比如@dcloudio/vue-cli-plugin-uni，或者需要指定版本。可能需要使用vue create -p来指定模板，例如vue create -p dcloudio/uni-preset-vue#vue3 my-project。这里要确保分支或版本号正确，否则可能安装的是Vue2的模板。 然后，项目创建后的配置。可能需要检查package.json中的依赖，确保@dcloudio/uni-cli-shared和相关的Vue3依赖是否正确安装。如果有问题，可能需要手动安装vue@next和@vue/compiler-sfc等。 运行和编译方面，uni-app的命令应该还是相同的，比如npm run dev:%PLATFORM%，但需要确认Vue3下的平台支持是否有变化，比如H5和小程序是否都兼容。可能需要提醒用户注意某些插件或组件是否支持Vue3，避免兼容性问题。 此外，用户可能想知道项目结构的变化，比如main.js中的createApp用法是否与标准Vue3一致。需要指出uni-app可能对创建实例有封装，比如使用createSSRApp或createUniApp，这需要参考官方文档确认。 最后，常见问题处理，比如旧项目迁移到Vue3的注意事项，或者依赖冲突的解决方法。可能需要建议用户检查插件兼容性，逐步迁移，或者寻求社区支持。 总结步骤应该是：环境准备，创建项目，安装依赖，运行调试，注意事项。需要确保每个步骤的命令准确，特别是模板的指定和依赖版本的正确性。同时，提醒用户注意Vue3和Vue2的语法差异，以及uni-app特有的一些限制。</think>以下是通过vue-cli创建支持Vue3的uni-app项目的分步指南： 一、环境准备 1. 确保已安装： - Node.js（建议v14.18+） - Vue CLI 4.x+：`npm install -g @vue/cli` - HBuilderX（可选，用于真机调试） 二、创建项目 ```bash # 使用Vue3模板创建项目 vue create -p dcloudio/uni-preset-vue#vue3 my-project # 根据提示选择： # 1. 选择默认模板（Default (Vue3)） # 2. 等待依赖安装完成 ``` 三、项目结构说明 ``` ├── src │ ├── App.vue # 应用入口组件 │ ├── main.js # Vue3入口文件 │ ├── manifest.json # 应用配置 │ ├── pages.json # 页面路由配置 │ └── pages/ # 页面组件目录 ├── uni.scss # 全局样式变量 └── vue.config.js # 构建配置 ``` 四、关键配置验证 1. 检查package.json应包含： ```json { "dependencies": { "@dcloudio/uni-app": "^3.0.0-alpha-3040020221209001", "vue": "^3.2.45" } } ``` 2. 检查main.js应为Vue3写法： ```javascript import { createSSRApp } from 'vue' import App from './App.vue' export function createApp() { const app = createSSRApp(App) return { app } } ``` 五、运行与调试 ```bash # 微信小程序 npm run dev:mp-weixin # H5 npm run dev:h5 # 编译生产环境 npm run build:mp-weixin ``` 六、注意事项 1. 组件差异： - 需使用Vue3组合式API（`setup`语法） - 部分uni原生组件需要v3.3+版本支持 2. 插件兼容性： - 检查第三方插件是否支持Vue3 - 推荐使用uniapp官方插件市场筛选Vue3版本 3. 迁移项目： - 旧项目迁移需逐步替换Options API - 使用`@vue/compat`兼容模式过渡（非官方推荐） 七、常见问题处理 1. 编译报错处理： ```bash # 清除缓存后重试 npm run clean npm install ``` 2. 兼容Vue2写法： ```javascript // 不推荐但支持 export default { setup() { // 组合式API } } ``` 3. TypeScript支持： ```bash vue add typescript ``` 最新版本状态可通过以下命令查询： ```bash npm view @dcloudio/uni-app versions --json ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值