狂神说 Vue p14 src不存在解决方案
使用webpack在自命名modules文件夹下打包出现如下问题:
1 ERROR in main 2 Module not found: Error: Can't resolve './src' in 'E:\IdeaProjects\MavenWeb\MavenWeb\Vue\webpack-study' 3 resolve './src' in 'E:\IdeaProjects\MavenWeb\MavenWeb\Vue\webpack-study' 4 No description file found in E:\IdeaProjects\MavenWeb\MavenWeb\Vue\webpack-study or above 5 No description file found in E:\IdeaProjects\MavenWeb\MavenWeb\Vue\webpack-study or above 6 no extension 7 E:\IdeaProjects\MavenWeb\MavenWeb\Vue\webpack-study\src is not a file 8 .js 9 E:\IdeaProjects\MavenWeb\MavenWeb\Vue\webpack-study\src.js doesn't exist 10 .json 11 E:\IdeaProjects\MavenWeb\MavenWeb\Vue\webpack-study\src.json doesn't exist 12 .wasm 13 E:\IdeaProjects\MavenWeb\MavenWeb\Vue\webpack-study\src.wasm doesn't exist 14 as directory 15 existing directory E:\IdeaProjects\MavenWeb\MavenWeb\Vue\webpack-study\src 16 No description file found in E:\IdeaProjects\MavenWeb\MavenWeb\Vue\webpack-study\src or above 17 using path: E:\IdeaProjects\MavenWeb\MavenWeb\Vue\webpack-study\src\index 18 No description file found in E:\IdeaProjects\MavenWeb\MavenWeb\Vue\webpack-study\src or above 19 no extension 20 E:\IdeaProjects\MavenWeb\MavenWeb\Vue\webpack-study\src\index doesn't exist 21 .js 22 E:\IdeaProjects\MavenWeb\MavenWeb\Vue\webpack-study\src\index.js doesn't exist 23 .json 24 E:\IdeaProjects\MavenWeb\MavenWeb\Vue\webpack-study\src\index.json doesn't exist 25 .wasm 26 E:\IdeaProjects\MavenWeb\MavenWeb\Vue\webpack-study\src\index.wasm doesn't exist 27 28 webpack 5.41.1 compiled with 1 error and 1 warning in 192 ms
经查验发现项目js文件必须放在src包下,不可自定义命名包;之前的main.js文件必须更名为index.js文件。如下所示为webpack.config.js代码:
1 const path = require('path'); 2 3 module.exports = { 4 entry : './src/index.js', 5 output:{ 6 path: path.resolve(__dirname, 'dist'), 7 filename : "bundle.js", 8 }, 9 };
之后在命令行输入"webpack"在dist文件夹下成功打包生成main.js文件(不知什么原因 filename:"bundle.js"代码失效)。
学以致用,方为真