1、問題描述：
其一、報(bào)錯(cuò)為：
ReferenceError: dist is not defined
中文為：
ReferenceError：dist 未定義
其二、問題描述為：
想在 webpack 的配置中，創(chuàng)建一個(gè) dist 文件夾來(lái)存放 npm run build 打包后的文件，但發(fā)現(xiàn)運(yùn)行代碼后報(bào)錯(cuò)；
其三、控制臺(tái)報(bào)錯(cuò)的頁(yè)面顯示為：
2、問題分析：
根據(jù)報(bào)錯(cuò)的提示：dist 未定義可知，在 output 中定義 path 的過(guò)程中，有問題；
3、問題解決：
其一、 output 對(duì)象中的內(nèi)容簡(jiǎn)介：
A、filename 是指：打包后輸出文件的名字為 bundle.js;
B、path 是指：想將打包后的 bundle.js 存放的路徑地址；
其二、解決過(guò)程：
將 path: path.resolve(__dirname, dist) 修改為 path: path.resolve(__dirname, 'dist') 即可(即：將 dist 換成 ’dist‘ 就行了)；
報(bào)錯(cuò)的問題就被解決了;
其三、修改代碼的頁(yè)面為：
// 報(bào)錯(cuò)時(shí)的代碼：
// 修改后的代碼為：
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-725328.html
4、小結(jié)：
其一、哪里有不對(duì)或不合適的地方，還請(qǐng)大佬們多多指點(diǎn)和交流！
其二、若有轉(zhuǎn)發(fā)或引用本文章內(nèi)容，請(qǐng)注明本博客地址(直接點(diǎn)擊下面 url 跳轉(zhuǎn)) https://blog.csdn.net/weixin_43405300,創(chuàng)作不易，且行且珍惜！
其三、有興趣的話，可以多多關(guān)注這個(gè)專欄(Vue(Vue2+Vue3)面試必備專欄)(直接點(diǎn)擊下面 url 跳轉(zhuǎn))：https://blog.csdn.net/weixin_43405300/category_11525646.html?spm=1001.2014.3001.5482文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-725328.html
到了這里，關(guān)于Webpack 解決：ReferenceError: dist is not defined 的問題的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![微信小程序報(bào)頁(yè)面【pages/books/books]錯(cuò)誤: ReferenceError: app is not defined的解決](https://imgs.yssmx.com/Uploads/2024/02/506142-1.png)
