Module not found: Error: Can't resolve 'path'

Question

代码没错 ， 但一直报这个错误
版本：

node: v16.14.0
npm: 8.5.4
webpack: 4.26.1
@vue/cli 5.0.1

Answer 1

qq_Simpleisbeau_0 2022-03-25 17:27:06

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.

This is no longer the case. Verify if you need this module and configure a polyfill for it.

这句话的意思是webpack 5之前是自动导入node一些核心模块的垫片，现在不导入了，你自己的导入吧！

第一步：

npm i -D path-browserify

第二步（在route.js）：

改成：import path from 'path-browserify'

或者：在vue.config.js里面修改

config.resolve.alias.set('path', require.resolve('path-browserify'))

顺便吐槽下这个课，老师能不能讲细一点，给我的感觉像是听大学老师的讲课，照本宣科，然后课下你们自己捣鼓！我花钱是想节省时间，节省精力。想您高度总结的知识，通俗易懂的讲给我听。不过这门课还是有料的，就是学的费劲，也有可能我水平不够

• Sunday #1

  你好
  之所以会出现这种错误，主要还是因为同学们的 vue-cli 的版本更新到了 5.X，但是咱们的课程中使用的是 4.x 的 vue-cli 版本。两个不同版本的 vue-cli 一个依赖于 webpack 5 一个依赖 webpack 4，因为 webpack 的版本变化之后引起的配置不同，所以导致了这样的错误。这种错误通常是没有办法避免的，除非大家可以完全按照课程中指定的依赖库版本进行操作。

• usamihal #2

  对于我这种工作过的学生来说，老师说的够仔细了，而且很多地方还附上了官方文档，你可以多看几遍或者等有点实际经验再回顾一次。

• qq_Simpleisbeau_0 回复 usamihal #3

  我也工作过，我也上过其他老师网课，萝卜青菜各有所爱吧

点开查看后面2条评论

Answer 2

Sunday 2022-03-19 21:45:20

你好

这个问题可以参考下这个问答：https://coding.imooc.com/learn/questiondetail/r9mGB65qvz26jaKR.html 

• 提问者 i春雨 #1

  我把 package.json 清空了 ， 用了老师你的安装包， 删除了node_modules ，重新执行了 npm install
  再运行时 报了如下错误 ：
  This dependency was not found:
  * element-plus/lib/theme-chalk/index.css in ./src/plugins/element.js
  To install it, you can run: npm install --save element-plus/lib/theme-chalk/index.css

• Sunday 回复 提问者 i春雨 #2

  这个是因为 element-plus 的 index css 版本路径导致的。因为 element-plus 它在不同版本中更换过几次 css 文件路径 。 你可以尝试通过这个路径进行下引入：import 'element-plus/dist/index.css'  
  或者可以参考下源代码中的引入路径

• mooc888 回复 提问者 i春雨 #3

  解决了吗，我也是你的问题，安装完之后报这个element的错误