异常值：字符串索引必须是整数：渲染包错误 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.3django-webpack-loader==0.7.0为我工作。降级使用：npm install --save-dev webpack-bundle-tracker@0.4.3

Answer 2

降级 Webpack-bundle-trackernpm install --save-dev webpack-bundle-tracker@0.4.3在vue.config.jsconfig     .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有效。