AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Vue蹲坑：Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_4__ is not a constructor

2022-12-31 229
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 笔记

报错时这样写的：

import * as Vue from 'vue'
import App from './App.vue'
new Vue({
    el: '#app',
    render: c => c(App)
});

修改后：

import { createApp }  from 'vue'
import  App from "./App"
createApp(App).mount('#app');

使用createApp就正常了，为什么呢？有老铁 知道的话请解惑，感激！

文章标签：
JavaScript
关键词：
vue Webpack
dddoger
目录
相关文章
java冯坚持
|
2月前
|
JavaScript
webpack学习三：webpack初始化整合配置vue，一步一步的抽离代码块整合vue。
这篇文章是关于如何在webpack环境中配置Vue.js，包括安装Vue.js、解决报错、理解el与template的区别、使用SPA模式、抽离模板为对象、封装为单独的js文件、安装vue-loader时遇到的问题及解决方案，以及整个过程的总结。
java冯坚持
74 2
webpack学习三：webpack初始化整合配置vue，一步一步的抽离代码块整合vue。
六卿
|
3月前
|
JavaScript 测试技术 Windows
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
本文介绍了如何使用vue-cli和webpack为Vue项目配置不同的生产和测试环境，包括修改`package.json`脚本、使用`cross-env`处理环境变量、创建不同环境的`.env`文件，并在`webpack.prod.conf.js`中使用`DefinePlugin`来应用这些环境变量。
六卿
141 2
vue配置webpack生产环境.env.production、测试环境.env.development(配置不同环境的打包访问地址)
你都不懂
|
4月前
|
前端开发 JavaScript API
从0-1建一个webpack/vue项目，熟悉一下webpack知识点
【8月更文挑战第20天】
你都不懂
95 2
1313310884104708
|
4月前
|
JavaScript 测试技术
在不同 webpack 版本的 Vue 项目中配置 Storybook
在不同 webpack 版本的 Vue 项目中配置 Storybook
1313310884104708
19 0
。思索
|
4月前
|
JavaScript
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
。思索
85 0
码农飞哥
|
5月前
|
JavaScript
Vue 开发中的一些问题简单记录，Cannot find module ‘webpack/lib/RuleSet‘
Vue 开发中的一些问题简单记录，Cannot find module ‘webpack/lib/RuleSet‘
码农飞哥
326 1
百锦再@新空间代码工作室
|
5月前
|
JavaScript 前端开发 应用服务中间件
Vue学习：webpack-dev-server和nginx问答
Vue学习：webpack-dev-server和nginx问答
百锦再@新空间代码工作室
55 0
朝阳39
|
5月前
|
JavaScript
vue 配置【详解】 vue.config.js （ 含 webpack 配置 ）
vue 配置【详解】 vue.config.js （ 含 webpack 配置 ）
朝阳39
80 0
小蜗牛耶
|
JavaScript 前端开发 数据库
前端常见知识点汇总(ES6，Vue，axios，Node.js，npm，webpack)-3
前端常见知识点汇总(ES6，Vue，axios，Node.js，npm，webpack)
小蜗牛耶
108 0
土木林森
|
7月前
|
JavaScript 前端开发
构建工具：配置Webpack打包Vue项目
【4月更文挑战第24天】本文介绍了如何配置Webpack来打包Vue项目。首先，Webpack作为模块打包器处理依赖并打包成可执行文件。接着，通过安装Node.js和npm，创建Vue项目，进入项目目录并配置Webpack的入口、输出、加载器和插件。最后，运行构建命令完成打包。理解Webpack基础并按需配置，能优化前端项目构建和开发体验。
土木林森
101 0