异常值：字符串索引必须是整数：渲染包错误 vue + django

Question

我使用 webpack loader 将我的 vue 应用程序注入 django，代码如下：设置 ：WEBPACK_LOADER = {'DEFAULT':{    'BUNDLE_DIR_NAME':'/',    'STATS_FILE':os.path.join(BASE_DIR,'aptim-frontend/dist','webpack-stats.json')}}vue 配置文件：const BundleTracker = require("webpack-bundle-tracker"); module.exports = {  // on Windows you might want to set publicPath: "http://127.0.0.1:8080/"  publicPath: "http://0.0.0.0:8080/",  outputDir: "./dist/",  chainWebpack: (config) => {    config.optimization.splitChunks(false);config  .plugin("BundleTracker")  .use(BundleTracker, [{ filename: "../frontend/webpack-stats.json" }]);config.resolve.alias.set("__STATIC__", "static");config.devServer  .public("http://0.0.0.0:8080")  .host("0.0.0.0")  .port(8080)  .hotOnly(true)  .watchOptions({ poll: 1000 })  .https(false)  .headers({ "Access-Control-Allow-Origin": ["*"] });},};我收到错误的 html 行位于索引 html 处 {% render_bundle 'app' %}错误：异常值：字符串索引必须是整数

Answer 1

这可能与软件包版本及其 alpha 版本有关。降级至

• webpack-bundle-tracker@0.4.3

• django-webpack-loader==0.7.0

为我工作。降级使用：

npm install --save-dev webpack-bundle-tracker@0.4.3

Answer 2

降级 Webpack-bundle-tracker

npm install --save-dev webpack-bundle-tracker@0.4.3

在vue.config.js

config
    .plugin('BundleTracker')
    .use(BundleTracker, [{filename: './webpack-stats.json'}])

然后删除dist旧的文件夹webpack-stats.json

在此版本中，此配置webpack-stats.json文件是在frontend而不是在中生成的frontend/dist ，因此您必须STATS_FILE在中进行更改settings.py （例如，如果您的 Vue 项目是frontend）

'STATS_FILE': os.path.join(BASE_DIR, 'frontend','webpack-stats.json'),

然后重新启动 Vue 和 Django Web 服务器。

Answer 3

异常值：字符串索引必须是整数

我也遇到了这个奇怪的错误，确认降级到webpack-bundle-tracker@0.4.3有效。