代码之家  ›  专栏  ›  技术社区  ›  Faisal Abid

在Vuejs错误中找不到模块,但仍然生成良好

  •  0
  • Faisal Abid  · 技术社区  · 5 年前

    当我运行我的Vue代码(NPM RUN SERVE)时,我得到了一个奇怪的错误,它抱怨一些模块丢失,但代码最终运行良好。

    70:31 Cannot find module '../components/modal/CreateBucketModal'.
        68 | import router from '../router';
        69 | import ApiService from '../services/apiService';
      > 70 | import CreateBucketModal from '../components/modal/CreateBucketModal'
    

    路径是正确的,因为尽管存在错误,但显然运行良好

    当我开始为产品构建VueJS应用程序时,问题就出现了,因为这个错误,它无法构建。

    0 回复  |  直到 5 年前
        1
  •  0
  •   Phil    5 年前

    我通过在createBucketModal中添加“.vue”解决了这个问题,因此它的“.../components/modal/createBucketModal.vue”。
    有办法解决这个问题吗?

    能够在不使用 .vue 扩展取决于Webpack的配置方式,特别是 resolve.extensions 配置。

    Vue CLI v3项目的默认值为

    resolve {
      extensions: [
        '.wasm',
        '.mjs',
        '.js',
        '.jsx',
        '.vue', // 👈 note this entry
        '.json'
      ]
    }
    

    我只能假设您已经修改了Webpack配置。如果你在操纵 解决.extensions ,尝试添加而不是重写它,例如

    // vue.config.js
    module.exports = {
      configureWebpack: config => {
        config.resolve.extensions.push('.some.new.extension')
        // instead of config.resolve.extensions = ['.some.new.extension']
      }
    }
    

    https://cli.vuejs.org/guide/webpack.html