vue3.0 main.ts createApp报错

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

#vue-cli3 #typescript #vue

import { createApp } from 'vue
import { createApp } from 'vue' 报错
Module ‘"…/node_modules/vue/types"’ has no exported member ‘createApp’. Did you mean to use ‘import createApp from “…/node_modules/vue/types”’ instead?

报错

哥们 其实错不在你
不 其实就是你的错
在这里插入图片描述
创建项目的时候能长点心吗，别把vue2.x当vue3.x用

九、vue3.0路由配置及跳转
张先森的博客
06-20 4528
vue3.0路由配置及跳转
vue3 Ts 引入axios报错 Uncaught TypeError: Cannot read property ‘use‘ of undefined
yutianguoban的博客
04-02 3790
使用vue cli4 里面的插件安装axios报错 serve 输出报错信息 WARN Couldn't parse bundle asset "D:\工作\logsystem\dist\js\about.js". Analyzer will use module sizes from stats file. warning in ./src/plugins/axios.js "export 'default' (imported as 'Vue') was not found in ...
main.ts中引入App.vue报错，提示“Cannot find module ‘./App.vue’ or its corresponding type
南风花海的博客
10-19 756
查看项目“main.ts” 文件中 “import App from ‘./App.vue’” 部分报错原因，提示报错 “Cannot find module ‘./App.vue’ or its corresponding type declaration”使用 vue3 的话 ，要禁用 Vetur 插件，然后用 Volar 插件。两个插件不要同时使用，会冲突。代码编辑器：vscode ，使用vue3，所以安装了 Volar 插件，可以使 vue 代码高亮显示，不同颜色区分代码块，以及语法错误提示等。
Module ‘“vue“‘ has no exported member ‘createSSRApp‘. Did you mean to use ‘import ... from vue
2301_81945926的博客
05-02 601
原因： 使用命令行创建uni-app的Vue3项目时，创建的还是vue2。代码克隆之后, 根目录下下载node_modules。npm run dev:h5 可运行。
Vue.js 及Vue.js项目使用
2302_76521190的博客
01-04 1683
p v-bindnew Vue({el'#myApp',datasite'大学'})在Vue实例中，您可以定义JavaScript方法，并在需要时调用它们new Vue({el'#app',datamessage',url},methods})click="reverseMessage">点击反转消息
vue3中main.ts关于createApp()引入第三ui组件报错问题
piao1a的博客
10-26 7497
采用按需引入以vant3为例。 1、yarnaddvant@next-S安装vant3 2、安装yarnaddbabel-plugin-import-D 3、npmi-Dts-import-plugin安装按需引入插件 4、新建webpack.config.js 添加 constmerge=require("webpack-merge"); consttsImportPluginFactory=require("ts-import-plug...
import { createApp } from ‘vue‘ 找不到模块“vue”或其相应的类型声明
weixin_44891022的博客
04-21 2304
【代码】import { createApp } from ‘vue‘ 找不到模块“vue”或其相应的类型声明。
精选资源
vue3-clipboard:for Vue 3的剪贴板.js绑定
04-28
import { createApp } from 'vue' import App from './App.vue' import { VueClipboard } from '@soerenmartius/vue3-clipboard' createApp ( App ) . use ( VueClipboard ) . mount ( '#app' ) 导入特定组件的v-...
vue3.0 + ts 创建项目
weixin_47409897的博客
03-24 967
目录vue3.0 创建项目ant-design-vue 配置全局导入的方式按需加载 使用 可以按需导入的方式 优化vue.config.js 配置文件的操作引入重置样式 vue3.0 创建项目 vue create base-test(项目的英文名称) 选择 vue 版本 (Please pick a preset: (Use arrow keys)) 选择的是：Manually select features 手动选择要安装的东西 (Check the features needed for your
vue3.0项目实战系列文章 - 自定义指令（按钮权限+防止重复提交）
BMG-Princess
09-19 1154
按钮权限控制 表单防止重复提交指令 前提 文件一判断是否有按钮级权限（按钮级不只是按钮哦） 文件二 自定义指令-vue3版 文件三 引用自定义指令 文件四使用 v-permission 文件五使用v-repeat
vue3+ts import App.vue 报错 解决方案
qiaozhilian的博客
10-23 1640
在创建vue3+ts的脚手架之后会出现在main.ts中可能会出现报错。
import { createApp } from ‘vue‘找不到路径如何解决？
weixin_45862553的博客
08-03 4541
import { createApp } from 'vue’出现Failed to load resource: the server responded with a status of 404 (Not Found)用哪个看你的配置文件package.json。
import { createApp } from ‘vue‘ 报错
weixin_50583054的博客
04-29 841
请问大佬们这个怎么解决啊？
vue使用webpack打包报错.createApp不是函数
weixin_40365953的博客
09-01 2103
报错信息 _node_modules_vue_dist_vue_global_js__WEBPACK_IMPORTED_MODULE_1___default().createAppisnotafunction vue引入方式有问题 正确的引入方式为 import { createApp } from 'vue'; var App = { data() { return { images: [{ Picture: "img" }, { Pic...
Module ‘“vue“‘ has no exported member ‘createSSRApp‘
kramer_light的博客
05-21 2047
Module '"vue"' has no exported member 'createSSRApp'**
Vue3-Vue3项目刚创建就报错
前端叶荨，随手记
04-22 547
vue3中支持template中写两个，但是插件vetur设置了校验规则，改一下配置规则就不会显现错误了。这是由于插件的问题，Vetur的插件错误。找到插件的扩展设置，然后进行设置。然后就可以了，不报错了。
Vite 创建 Vue3 项目中 main.ts 文件 import App from ‘./App.vue‘爆红
weixin_48197366的博客
01-20 698
在 Vite-env.d.ts 中写入下列代码。
运行3项目显示Module ‘“vue“‘ has no exported member ‘xxxx‘. Did you mean ‘Xxxx‘? TS2305: Module ‘“…/…/node_
热门推荐
m0_53912016的博客
05-07 1万+
运行3项目显示Module ‘“vue”’ has no exported member ‘xxxx’. Did you mean ‘Xxxx’? TS2305: Module ‘“…/…/node_modules/vue/dist/vue”’ has no exported member xxxx 问题描述： Module '"vue"' has no exported member 'xxxx'. Did you mean 'Xxxx'? TS2305: Module ‘"…/…/node_mo.
vue3.x 关于引入第三方组件报错
E_ISOLATE的博客
07-19 3575
main.js之前的写法 import Vue from 'vue' import App from './App.vue' import router from './router/index' import store from './store' import 'element-ui/lib/theme-chalk/index.css'; import ElementUI from 'element-ui'; Vue.use(ElementUI); new Vue({ router, st
vue3 ts在main.ts引入axios报错
最新发布
09-23
在 Vue 3 + TypeScript 项目的 `main.ts` 中引入 `axios` 报错，可从以下方面排查并解决： ### 1. 检查 `axios` 是否安装 若未安装 `axios`，需在项目根目录下运行以下命令进行安装： ```bash npm install axios ``` ### 2. 检查导入语句 确保 `main.ts` 中的导入语句正确，示例如下： ```typescript import axios from 'axios'; ``` ### 3. 类型声明问题 在 TypeScript 项目里，需确保有 `axios` 的类型声明。通常安装 `axios` 时，其类型声明会一并安装。若仍有类型相关报错，可尝试重新安装类型声明： ```bash npm install @types/axios ``` ### 4. 检查 `tsconfig.json` 配置 要保证 `tsconfig.json` 中的 `moduleResolution` 和 `esModuleInterop` 配置无误。示例配置如下： ```json { "compilerOptions": { "moduleResolution": "node", "esModuleInterop": true } } ``` ### 5. 版本兼容性问题 检查 `axios`、`vue` 和 `typescript` 的版本是否兼容。可尝试更新到最新稳定版本： ```bash npm update axios vue typescript ``` ### 6. 检查 `main.ts` 中的使用方式 确保在 `main.ts` 中正确使用 `axios`。例如，若要将 `axios` 挂载到 Vue 实例上，可参考以下代码： ```typescript import { createApp } from 'vue'; import App from './App.vue'; import axios from 'axios'; const app = createApp(App); app.config.globalProperties.$axios = axios; app.mount('#app'); ``` ### 7. 检查构建工具配置 若使用 Vite 或 Webpack 等构建工具，需确保其配置无误。如在 `vue.config.js` 里配置别名等操作，可参考如下配置： ```javascript // vue.config.js module.exports = { chainWebpack: config => { // 添加别名 config.resolve.alias.set('@utils', '@/utils'); // 其他配置... }, }; ``` ### 8. 检查环境变量 若报错与环境变量有关，需确保 `process.env` 能正常使用。若使用 Vite，可使用 `import.meta.env` 替代 `process.env`。 ### 9. 清除缓存并重新安装依赖 有时缓存会引发问题，可尝试清除 `npm` 缓存并重新安装依赖： ```bash npm cache clean --force rm -rf node_modules npm install ``` ### 10. 检查项目结构和文件路径 确保 `main.ts` 文件路径正确，且项目结构符合 Vue 3 + TypeScript 项目规范。 通过以上步骤，通常能解决在 `main.ts` 中引入 `axios` 报错的问题。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值