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”为大写。

从“〜/ components / ui / AppControlInput”导入AppControlInput；
从“〜/ components / UI / AppControlInput”导入AppControlInput；

只需确保在导入组件的每个位置都具有相同的大写字母。

Nuxt VueJS有多个模块，其名称仅在大小写上有所不同

1 个答案: