vue使用vuex後報警:There are multiple modules with names that only differ in casing.

来源:https://www.cnblogs.com/xzsty/archive/2020/03/25/12567583.html

vuex控制台告警There are multiple modules with names that only differ in casing ...


在vue項目中使用了vuex,但是項目跑起來之後控制台告警:

There are multiple modules with names that only differ in casing.

This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.
Use equal casing. Compare these module identifiers:

  • F:\dch\workspace\PMS\node_modules\Vuex\dist\vuex.esm.js
    Used by 1 module(s), i. e.
    F:\dch\workspace\PMS\node_modules\babel-loader\lib\index.js!F:\dch\workspace\PMS\node_modules\eslint-loader\index.js??ref--0!F:\dch\workspace\PMS\src\store\index.js
  • F:\dch\workspace\PMS\node_modules\vuex\dist\vuex.esm.js
    Used by 9 module(s), i. e.
    F:\dch\workspace\PMS\node_modules\babel-loader\lib\index.js!F:\dch\workspace\PMS\node_modules\vue-loader\lib\selector.js?type=script&index=0!F:\dch\workspace\PMS\src\views\server.vue

這是因為在引入vuex的時候有的地方首字母大寫有的地方首字母小寫引起的。具體代碼如下:
store/index.js引入代碼如下:

import Vuex from "Vuex";

在vue文件引入vuex的代碼如下:

import { mapMutations } from "vuex";

將index.js引入的vuex首字母改成小寫就解除了這個告警信息


您的分享是我們最大的動力!

更多相關文章
  • 商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。 For commercial use, please contact the author for authorization. For non commercial use, please indicate the source. 協議(Lice ...
  • 結合擴展運算符使用 function foo(a,b,c){ console.log(a,b,c); } foo(...[1,2,3]);//將數組展開,一一對應 用法: const arr=["cyy",18,["html","css"]]; function info(name,age,hobb ...
  • //ES5 對象 const getInfo=(id=1)=>{ //ajax... const name="cyy"; const age=18; return { name:name, age:age, say:function(){ console.log(this.name+this.age ...
  • 瀏覽器的同源策略:協議相同、功能變數名稱相同、埠相同。所有瀏覽器廠商遵循這種策略。 非同源(跨域)共有三種行為受到限制: cookie、localstorage、和IndexDB無法獲取 DOM無法獲取 ATAX請求不能發送 這種同源性會有效的阻止CSRF(跨站請求)攻擊。 瀏覽器請求分為兩種:(CORS ...
  • 使用背景: 項目中使用了jquery-weui的左滑刪除組件,但在蘋果上使用會有左滑點擊穿透的現象,只能改源碼了。 在github上找,發現是gulp構建的,但版本很低,對於node版本大概要4.5.0才行,本機node版本過高用不了,所以把 node卸載了裝nvm來管理。 使用步驟: 1. 卸載本 ...
  • HTML + CSS 就是當代網頁的基石 。全世界的網站,無論其伺服器端的語言是什麼,前端都使用了 HTML + CSS。 隨著互聯網行業的快速發展,前端這一職位也越來越火熱,前端工程師的高薪資,也讓越來越多的人想要進入這個行業。 那麼,零基礎小白如何才能成為一名前端工程師呢? 首先大家要瞭解的是, ...
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue 同步 $n ...
一周排行
  • 背景 習慣使用markdown的人應該都知道Typora這個神器,它非常簡潔高效。雖然博客園的線上markdown編輯器也不錯,但畢竟是網頁版,每次寫東西需要登錄系統-進後臺-找到文章-編輯-保存草稿。。。非常難受。。。 但是使用Typora來寫的話,文章圖片又是個問題,本地寫完粘貼到網站上,圖片全 ...
  • 案例:修改預設線程個數 1.NameValueCollection System.Collections.Specialized.NameValueCollection collection = new System.Collections.Specialized.NameValueCollecti ...
  • // from https://stackoverflow.com/questions/35381238/how-to-use-custom-fonts-in-emgucv string text = "塗聚文(Geovin Du)"; // 下麵定義一個矩形區域 int rectWidth = t ...
  • 場景 ASP.NET中新建Web網站並部署到IIS上(詳細圖文教程): https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/107199747 前面講過將ASP.NET的項目部署到本機的IIS上。 但是如果將其部署到伺服器上Window ...
  • 在不同的區域中使用Convert.ToDouble可能會產生問題。 string str = "20.0"; double val = Convert.ToDouble(str); 比如在某些區域語言中得到的結果是200,如: Thread.CurrentThread.CurrentCulture ...
  • 1、前言 ​ 不知道你是否對.NET裡面的定時器產生過一些疑問,以下是武小棧個人的一些總結。 2、官方介紹 在.NET的框架之內定時器有四種,先看一下微軟官方對他們各自特點介紹: System.Timers.Timer,它將觸發事件,並定期在一個或多個事件接收器中執行代碼。 類旨在用作多線程環境中基 ...
  • 筆試考試系統需求分析 1. 引言 1.1編寫目的 項目需求分析目的是使用戶和軟體開發者雙方對項目開發目標有一個共同的理解,便於對軟體開發各個過程的控制與管理,通過對項目開發目標的描述,使開發人員能夠正確理解用戶需求,明確該系統應具有的功能。性能與界面要求。 需求分析作為項目開放的基礎和依據,其預期讀 ...
  • 使用Topshelf部署.net core windows服務 首先新建一個.net core的模板worker程式 過程 略 打開Program.cs namespace TopshelfDemo { public class Program { public static void Main(s ...
  • xaml裡面使用很簡單 xmlns:i="http://schemas.microsoft.com/xaml/behaviors" <i:Interaction.Behaviors> <i:MouseDragElementBehavior/> </i:Interaction.Behaviors> 後 ...
  • Application Insignhts是微軟開發的一套監控程式。他可以對線上的應用程式進行全方位的監控,比如監控每秒的請求數,失敗的請求,追蹤異常,對每個請求進行監控,從http的耗時,到SQL查詢的耗時,完完整整的被記錄下來。當對程式進行優化跟排錯時非常好使。它原來是visualstudio ...