Nuxt VueJS有多個模塊的名稱只有外殼不同

Question

nuxtJS在編譯時發出錯誤，Google沒有幫助，但是在寫出發出大寫字母時，我會在node_modules中直接收到錯誤，而不是在我的組件中

    [HMR] bundle 'client'
has 6 warnings
vendors.app.js: 47737. / node_modules / base64 - js / index.jsThere 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: * C: \ dashboard\ node_modules\ base64 - js\ index.js Used by 1 module(s), i.e.C: \ dashboard\ node_modules\ buffer\ index.js * C: \ dashboard\ node_modules\ base64 - js\ index.js Used by 1 module(s), i.e.C: \ dashboard\ node_modules\ buffer\ index.js. / node_modules / buffer / index.jsThere 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: * C: \ dashboard\ node_modules\ buffer\ index.js Used by 3 module(s), i.e.C: \ dashboard\ node_modules\ jszip\ lib\ support.js * C: \ dashboard\ node_modules\ buffer\ index.js Used by 2 module(s), i.e.C: \ dashboard\ node_modules\ core - util - is\ lib\ util.js. / node_modules / ieee754 / index.jsThere 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: * C: \ dashboard\ node_modules\ ieee754\ index.js Used by 1 module(s), i.e.C: \ dashboard\ node_modules\ buffer\ index.js * C: \ dashboard\ node_modules\ ieee754\ index.js Used by 1 module(s), i.e.C: \ dashboard\ node_modules\ buffer\ index.js. / node_modules / isarray / index.jsThere 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: * C: \ dashboard\ node_modules\ isarray\ index.js Used by 1 module(s), i.e.C: \ dashboard\ node_modules\ buffer\ index.js * C: \ dashboard\ node_modules\ isarray\ index.js Used by 2 module(s), i.e.C: \ dashboard\ node_modules\ readable - stream\ lib\ _stream_readable.js. / node_modules / process / browser.jsThere 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: * C: \ dashboard\ node_modules\ process\ browser.js Used by 2 module(s), i.e.C: \ dashboard\ node_modules\ setimmediate\ setImmediate.js * C: \ dashboard\ node_modules\ process\ browser.js Used by 2 module(s), i.e.C: \ dashboard\ node_modules\ readable - stream\ lib\ _stream_readable.js. / node_modules / webpack / buildin / global.jsThere 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: * C: \ dashboard\ node_modules\ webpack\ buildin\ global.js Used by 8 module(s), i.e.C: \ dashboard\ node_modules\ babel - loader\ lib\ index.js ? ? ref--2 - 0!C : \ dashboard\.nuxt\ client.js * C : \ dashboard\ node_modules\ webpack\ buildin\ global.js Used by 4 module(s), i.e.C: \ dashboard\ node_modules\ readable - stream\ lib\ _stream_writable.js

有人有想法嗎？

我的nuxt.config.js

const pkg = require("./package");

const VuetifyLoaderPlugin = require("vuetify-loader/lib/plugin");

module.exports = {
  mode: "spa",
  head: {
    title: "Vue Template",
  },      
  css: [
    "~/assets/style/theme.styl",
    "~/assets/style/app.styl",
    "font-awesome/css/font-awesome.css",
    "roboto-fontface/css/roboto/roboto-fontface.css"
  ],
  plugins: [
    "~/plugins/vuetify",
    "~/plugins/vee-validate",
    "~/plugins/dxdatagrid",
    "~/plugins/vue-notifications"
  ],
  modules: [],
  build: {
    vendor: ["axios", "vuetify", "vue-notifications", "mini-toastr"],
    transpile: ["vuetify/lib"],
    plugins: [new VuetifyLoaderPlugin()],   
    extend(config, ctx) {}
  }      
};

Answer 1

如果要導入同一文件，並且在不同位置具有大小寫差異，則會發生錯誤。 例如; - 下面我導入的相同組件'AppControlInput'與'ui'大小寫不同。 在第一種情況下，'ui'是小寫的，而在其他'ui'是大寫的。

1. 從“〜/ components / ui / AppControlInput”導入AppControlInput;
2. 從“〜/ components / UI / AppControlInput”導入AppControlInput;

只需確保在導入組件的每個位置都具有相同的大小寫。