                        课程
                    
                        /前端开发
                        
                            /前端工具
                        
                        /webpack深入与实战

module not found:error:can't resolve‘./components/layer/layer.js’ in webpack-demo/src/app,js什么意思？

如题module not found:error:can't resolve‘./components/layer/layer.js’ in webpack-demo/src/app,js什么意思？，使用babel转换ES6

新旅程0

2017-03-15

源自：webpack深入与实战

关注问题我要回答

14036

操作

收起

5 回答

放学路上的小学生
2018-05-13

中间加一个 -o 表示输出文件夹output。

 webpack ./src/page/index/index.js -o ./dist/app.js

但是打包后的app.js是被压缩过的，显示为一行。

可以注意到有提示：

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/

是因为默认的打包模式为production生产环境模式，所以为了减少文件体积，压缩成了一行。

要设置成可读性好的怎么办？将mode变为development开发环境即可。

也就是加上--mode development即可。

webpack --mode development ./src/page/index/index.js -o ./dist/app.js

5 回复有任何疑惑可以回复我~

收起回答

Luffy秀
2018-05-09

试过了，就是第一个答案，需要这样写

webpack --mode development src/index.js --output-filename app.js --output-path dist

1 回复有任何疑惑可以回复我~

收起回答

奉天逍遥
2018-03-28

webpack --mode production src/main.js --output-filename app.bundle.js --output-path dist

4.0以后需要写 --output-filename和--output-path

2 回复有任何疑惑可以回复我~

收起回答

慕粉3960217
2017-03-19

请问你这个是怎么解决的？我在编译sass文件的时候也遇到了这个报错

0 回复有任何疑惑可以回复我~

收起回答

css魔力
2017-03-15

resolve方法最后得到一个绝对路径，你这俩合不出一个绝对路径，是因为你的.打成,了吗

0 回复有任何疑惑可以回复我~

收起回答

新旅程0 提问者

已经解决了，但不是这个问题，

2017-03-16 回复有任何疑惑可以回复我~

gulang6839 回复新旅程0 提问者

请问你怎么解决的？

2017-10-14 回复有任何疑惑可以回复我~

雨穆

怎么解决的？

2018-03-08 回复有任何疑惑可以回复我~

查看1条回复

0/150

提交

取消

webpack深入与实战

参与学习 86561 人
解答问题 721 个

webpack实战教程，用真实项目带你探索 webpack 强大的功能

进入课程

本课相似问答

4 回答import layer from './components/layer/layer.js'; 报错？

4 回答ERROR in Entry module not found: Error: Can't resolve './src' in '...'

6 回答这个错误是怎么回事啊？Can't resolve 'css/common.css' in 'D:\myProject\webpack -demo\src'

3 回答ERROR in ./src/css/common.css Module build failed: TypeError: loaderUtils.getOptions is not a function

4 回答为什么我的layer.js不会自动加入@import './layer/layer.less'

搜索更多本课相关问答

module not found:error:can't resolve‘./components/layer/layer.js’ in webpack-demo/src/app,js什么意思？

我要回答关注问题

热搜

最近搜索清空

module not found:error:can't resolve‘./components/layer/layer.js’ in webpack-demo/src/app,js什么意思？

5 回答

本课相似问答

module not found:error:can't resolve‘./components/layer/layer.js’ in webpack-demo/src/app,js什么意思？