读取 webpack-stats.json 时出错。你确定webpack已经生成了文件并且路径正确吗？
nam*_*org 5 django npm webpack vue.js vuejs3
我用 Vue 安装了 django 并在运行时出现此错误：
\nError reading webpack-stats.json. Are you sure webpack has generated the file and the path is correct?\n
与manage.py一起：
\nvue create frontend\n默认（[Vue 3] babel、eslint）
\ncd frontend\nnpm run serve\n前端目录中的文件列表是：
\nbabel.config.js\njsconfig.json\nnode_modules\npackage.json\npackage-lock.json\npublic\nREADME.md\nsrc\nvue.config.js\n\n\nnpm --version\n2015年6月14日
\nnodejs --version\nv10.19.0
\nnode --version\nv14.17.6
\nnpm list webpack-bundle-tracker\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 webpack-bundle-tracker@1.5.0
\npip install django-webpack-loader\npip freeze\ndjango-webpack-loader==1.5.0
\nINSTALLED_APPS = (\n ...\n \'webpack_loader\',\n ...\n)\n\n\n# vue.config.js\nconst { defineConfig } = require(\'@vue/cli-service\')\nmodule.exports = defineConfig({\n transpileDependencies: true\n})\n索引.html
\n{% load render_bundle from webpack_loader %}\n{% load static %}\n\n<!DOCTYPE html>\n<html lang="en">\n <head>\n <meta charset="UTF-8" />\n <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />\n <meta http-equiv="x-ua-compatible" content="ie=edge" />\n <title></title> \n\n {% render_bundle \'app\' \'css\' %}\n </head>\n <body>\n <div class="main">\n <main>\n <div id="app">\n \n </div>\n {% endblock %}\n </main>\n </div>\n {% render_bundle \'app\' \'js\' %}\n </body>\n</html>\n您需要导入并添加webpack-bundle-tracker插件vue.config.js：
const { defineConfig } = require('@vue/cli-service')
const BundleTracker = require('webpack-bundle-tracker')
module.exports = defineConfig({
transpileDependencies: true,
configureWebpack: {
plugins: [
new BundleTracker({ path: __dirname, filename: 'webpack-stats.json' }),
],
},
})
| 归档时间： |
|
| 查看次数： |
3460 次 |
| 最近记录： |