关于import Vue from “vue“导入的实际是import Vue from “../node_modules/vue/dist/vue.runtime.esm“的问题

最新推荐文章于 2024-09-13 22:10:37 发布
最新推荐文章于 2024-09-13 22:10:37 发布
阅读量1.8k 收藏 3
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46684929/article/details/122960900
版权
本文讲述了在使用Vuex时遇到的浏览器报错，解决方法是将import语句从'../node_modules/vue/dist/vue'改为'vue'或'../node_modules/vue/dist/vue.runtime.esm'，以避免错误并确保正确引入Vue。
摘要由CSDN通过智能技术生成

1、情况：

在使用Vuex想读取到state中的数据，游览器给我这样报错：

在这里插入图片描述
但实际上我的代码有没出现问题，有问题的是我在main.js导入的是 "../node_modules/vue/dist/vue"

2、解决办法

将在main.js文件下的import Vue from "../node_modules/vue/dist/vue"

改写成import Vue from "vue"或者

import Vue from "../node_modules/vue/dist/vue.runtime.esm"

则不会报错啦
在这里插入图片描述

蚍蜉不小
关注
Uncaught SyntaxError: Unexpected identifier 报错 import Vue from 'vue';
weixin_30847271的博客
05-13 3176
一般情况是因为Webpack与webpack-dev-server版本不兼容导致。 package.json { "name": "vue-loader-demo", "version": "1.0.0", "description": "", "main": "main.js", "scripts": { "dev": "webpack-dev-s...
vue项目报错——This dependency was not found: * -!../../node_modules/@vue/cli-service/node_modules/css...
子时不睡的博客
10-09 5020
vue项目运行的时候报错 This dependency was not found: -!../…/node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref–6-oneOf-1-1!../…/node_modules/vue-loader-v16/dist/stylePostLoader.js!../…/node_modules/postcss-loader/src/index.js??ref–6-oneOf-1-2!
vue 引入报错
m0_68196864的博客
12-22 1695
改为 import * as Vue from 'vue'1.首先检查控制台发现报错来自 mian.js。将 import Vue from 'vue'2.点开错误详情发现为是 vue 引入出错。
Vue工程报错解决方案Warn:import Vue from “vue“；
p15097962069的博客
06-30 1479
Vue工程报错解决方案Warn:import Vue from "vue";
v-scale-screen 项目安装和配置指南
最新发布
gitblog_09584的博客
09-13 541
v-scale-screen 项目安装和配置指南 v-scale-screen Vue large screen adaptive component vue大屏自适应组件 项目地址: https://gitcode.com/gh...
typescript vuex_Vue+TypeScript 入门小问题汇总
weixin_39590989的博客
11-25 627
*.d.ts*.d.ts类型文件不需要手动引入，TypeScript会自动加载。TypeScript默认只识别*.ts文件，不识别*.vue文件，因此需要告诉TypeScript*.vue文件交给vue编辑器来处理。解决方案就是在创建一个vue-shims.d.ts文件：declare module '*.vue' { import Vue from 'vue' expor...
vue基本使用(二)
tortoise666的博客
09-17 396
允许一个自定义组件在使用 v-model 时定制 prop 和 event。默认情况下，一个组件上的 v-model 会把 value 用作 prop 且把 input 用作 event，但是一些输入类型比如单选框和复选框按钮可能想使用 value prop 来达到不同的目的。使用 model 选项可以回避这些情况产生的冲突。
解决webpack4+升级webpack5+ vue-pdf不可用问题
06-09
Module build failed (from ./node_modules/vue-pdf/node_modules/worker-loader/dist/cjs.js): Error: MainTemplate.hooks.hotBootstrap has been removed (use your own RuntimeModule instead)
vue2 vant组件库报错：ERROR in ./node_modules/@vant/use/dist/index.esm.mjs 101:12-19export ‘isVNode‘ (imp
sherlyxoxo的博客
07-25 6548
vant和vue2适配版本
./node_modules/vue-qr/dist/vue-qr.js报错You may need an appropriate loader to handle this file type问题
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
07-01 858
找到node_modules\vue-qr\dist\vue-qr.js，罪魁祸首就是这几个“...e”去掉“...”就可以了。
vue中自动导入导致的数十个报错，ERROR in ./node_modules
热门推荐
qq_61943848的博客
08-20 1万+
我在写路由跳转的时候，运行后一下出现了node_modules几十个报错，都是了来自于 ./node_modules的。ERROR in ./node_modules/import-fresh/index.js 7:11-26 Module not found: Error: Can't resolve 'path' in 'D:\Users\17943\Desktop\电商后台管理\app\node_modules\import-fresh' 原因：系统自动导入了express。解决方法：删掉就可以了。
Vue优化（二）、CDN/nginx高效引入node_modules包
niexier的博客
06-04 2124
一、cdn获取路径地址 cdnjs：https://cdnjs.com/
vue import 引入时报错
m0_66590360的博客
01-23 1051
最新学习vue 开发 在安装完一系列环境后 想使用。语句引入本地vue.js 会出现错误提示 的原因。
webpack打包vue时import vue失败问题
a_little_nine的博客
06-20 1297
在最近使用webpack打包vue的时候，在引入vue的时候出现了问题。 JavaScript代码： import Vue from 'vue' new Vue({ el:'#app', template:` <div> {{name}} </div> `, data:{ name:"544444444444" } }) HTML代码： <body> <div id="app"></div&gt
在 webpack 中导入 vue 报错
weixin_39090097的博客
07-29 2087
1、咱们 在main.js 中导入 vue // 用 import 导入的 vue 构造函数功能不完整，只提供了 runtime-only 并没有提供像 网页中的方式 import Vue from 'vue' var vm = new Vue({ el: "#app", data: { msg: "123" } }); 在 index.html文件...
Uniapp中vuex使用出现的问题.....sos求助
2201_75919511的博客
07-02 311
这是一篇关于vuex在uniapp中报错的文章
(vue3-vite-ts) main.js文件中 import App from ‘./App.vue‘ 报错的解决办法
pig_ning的博客
10-12 1060
(vue3-vite-ts) main.js文件中 import App from './App.vue' 报错的解决办法
vue3+ts import App.vue 报错 解决方案
qiaozhilian的博客
10-23 1130
在创建vue3+ts的脚手架之后会出现在main.ts中可能会出现报错。
vue报错解决1
demons19961019的博客
09-25 1058
Vue警告]:你正在使用仅运行时构建的Vue，模板编译器不可用。要么将模板预编译为呈现函数，要么使用包含编译器的构建。修改后的引入方法引入的是vue的完整版，包含编译器，可以在运行时编译模板和使用vue的模板语法。原有引入方法引入的是vue的运行时版，不包含编译器，无法在运行时编译模板。页面原有引入vue方法。
import Vue from "../node_modules/vue/dist/vue.js";
06-12
这是一个 JavaScript 代码段，它使用 Node.js 的模块解析机制导入了 Vue.js 框架的核心库。其中，"../node_modules/vue/dist/vue.js" 是 Vue.js 核心库的文件路径。这段代码的作用是将 Vue.js 框架引入到当前的 JavaScript 项目中，以便在项目中使用 Vue.js 的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值