Question

运行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应用进行生产时会出现问题，因为错误而无法构建

Answer 1

我通过在CreateBucketModal中添加“ .vue”来解决此问题，因此其为“ ../components/modal/CreateBucketModal.vue”。
有办法解决吗？

无需扩展.vue就能解析单文件Vue组件取决于Webpack的配置方式，特别是resolve.extensions配置。

Vue CLI v3项目的默认值为

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

我只能假定您已经修改了Webpack配置。如果您要操纵resolve.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

在vue.js错误中找不到模块，但仍然可以正常运行

1 个答案: