webpack配置之Extensions

最新推荐文章于 2024-05-15 11:45:46 发布

Mountains_river

最新推荐文章于 2024-05-15 11:45:46 发布

阅读量1.4k

点赞数 1

文章标签： javascript vue.js 前端 webpack

本文链接：https://blog.csdn.net/Mountains_river/article/details/119248215

版权

ERROR in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/vue/App.vue
Module not found: Error: Can’t resolve ‘./Cpn’ in ‘*****’
大家在初学webpack时都会遇到这样的问题
这种报错是因为在文件中引入时例如

import Cpn from "./Cpn.vue";
require('./css/special.css')

后缺少后缀名.vue/.css引起的
此时只需要在webpack.config.js中加入

  resolve: {
     Extensions: ['.js','.css','.vue'],
  }

然后重新打包即可（如果此时有部分引入有后缀名则仍然会报错）

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.resolve has an unknown property 'Extensions'. These properties are valid:
   object { alias?, aliasFields?, cachePredicate?, cacheWithContext?, descriptionFiles?, enforceExtension?, enforceModuleExtension?, extensions?, fileSystem?, mainFields?, mainFiles?, moduleExtensions?, modules?, plugins?, resolver?, 
symlinks?, unsafeCache?, useSyncFileSystemCalls? }