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

最新推荐文章于 2023-09-25 11:43:31 发布
最新推荐文章于 2023-09-25 11:43:31 发布
阅读量1.8k 收藏 3
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46684929/article/details/122960900
版权

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"

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

蚍蜉不小
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决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)
vue import 引入时报错
m0_66590360的博客
01-23 820
最新学习vue 开发 在安装完一系列环境后 想使用。语句引入本地vue.js 会出现错误提示 的原因。
vue基本使用(二)
tortoise666的博客
09-17 368
允许一个自定义组件在使用 v-model 时定制 prop 和 event。默认情况下，一个组件上的 v-model 会把 value 用作 prop 且把 input 用作 event，但是一些输入类型比如单选框和复选框按钮可能想使用 value prop 来达到不同的目的。使用 model 选项可以回避这些情况产生的冲突。
vue报错解决1
demons19961019的博客
09-25 858
Vue警告]:你正在使用仅运行时构建的Vue，模板编译器不可用。要么将模板预编译为呈现函数，要么使用包含编译器的构建。修改后的引入方法引入的是vue的完整版，包含编译器，可以在运行时编译模板和使用vue的模板语法。原有引入方法引入的是vue的运行时版，不包含编译器，无法在运行时编译模板。页面原有引入vue方法。
typescript vuex_Vue+TypeScript 入门小问题汇总
weixin_39590989的博客
11-25 586
*.d.ts*.d.ts类型文件不需要手动引入，TypeScript会自动加载。TypeScript默认只识别*.ts文件，不识别*.vue文件，因此需要告诉TypeScript*.vue文件交给vue编辑器来处理。解决方案就是在创建一个vue-shims.d.ts文件：declare module '*.vue' { import Vue from 'vue' expor...
Uncaught SyntaxError: Unexpected identifier 报错 import Vue from 'vue';
weixin_30847271的博客
05-13 3139
一般情况是因为Webpack与webpack-dev-server版本不兼容导致。 package.json { "name": "vue-loader-demo", "version": "1.0.0", "description": "", "main": "main.js", "scripts": { "dev": "webpack-dev-s...
vue框架使用梳理和各文件的使用
m0_71486353的博客
06-23 1946
初学者使用vue框架时各个文件从哪里入手，各文件的作用和使用方法
vue微商城项目源码-vue-shop（适用于Node.js 10.x）.zip
06-06
在本项目中，我们使用Vue.js构建了一个微商城应用，结合Node.js作为后端服务器，为用户提供了一套完整的电商解决方案。以下将详细介绍如何理解和部署这个Vue-shop项目。 首先，确认你的开发环境。由于项目明确要求...
vue代码示例.docx
最新发布
07-16
Vue.js 是一个用于构建用户界面的渐进式...<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script> </head> <body> <div id="app"> <!-- 使用双花括号插值表达式显示数据 --> <p>{{ me
vue.min.js官方2.6.14版本
03-11
vue.min.js官方2.6.14版本
springboot+vue+java高校汉服租赁网站系统-源码数据库-论文.zip
08-28
这是一款javaWeb的前后端分离的Springboot和vue源码包含论文,前端vue.js,基于B/S模式,idea或者eclipse为开发工具,功能也比较全面，感兴趣的朋友可以下载看看哦 二、功能介绍 高校汉服租赁网站管理系统按照操作主体...
Vue工程报错解决方案Warn:import Vue from “vue“；
p15097962069的博客
06-30 1410
Vue工程报错解决方案Warn:import Vue from "vue";
解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location...
程序员小明1024
12-17 4042
一、重复点击导航时，控制台出现报错 ，虽然不影响功能使用，但也不能坐视不管。 解决方案： 方案一：只需在 router 文件夹下，添加如下代码： import Vue from 'vue' import VueRouter from 'vue-router' import Home from '@/views/Home' import Main from '@/views/Main' imp...
webpack打包vue时import vue失败问题
a_little_nine的博客
06-20 1201
在最近使用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
Vue学习笔记（一）—— 什么时候需要import Vue from 'vue'
Stephy_Yy
12-15 1989
一、当执行 import vue from ‘vue’ 时发生了什么？ 其实在 node.js 中，执行 import 就相当于执行了 require，而 require 被调用，就会用到 require.resolve 这个函数来查找包的路径，而这个函数在 nodejs 中会有一个关于优先级的算法。 import Vue from ‘vue’ 解析为 const Vue = require...
在 webpack 中导入 vue 报错
weixin_39090097的博客
07-29 2023
1、咱们 在main.js 中导入 vue // 用 import 导入的 vue 构造函数功能不完整，只提供了 runtime-only 并没有提供像 网页中的方式 import Vue from 'vue' var vm = new Vue({ el: "#app", data: { msg: "123" } }); 在 index.html文件...
vue import..from..说明
weixin_43862596的博客
10-26 1165
import Vue from 'vue' import axios from 'axios' import App from './App' import store from './store' import router from './router' import Vue from 'vue' //完整写法： //这里还要具体根据引入文件的位置写具体的相对路径到node_modules import Vue from "/node_modules/vue/dist/vue.js" //从nod
Vue优化（二）、CDN/nginx高效引入node_modules包
niexier的博客
06-04 2067
一、cdn获取路径地址 cdnjs：https://cdnjs.com/
import Vue from "../node_modules/vue/dist/vue.js";
06-12
这是一个 JavaScript 代码段，它使用 ...其中，"../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、付费专栏及课程。

余额充值