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

Question

我正在使用 webpack 加载器将我的 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

我在很棒的 Udemy 课程The Complete Guide to Django REST Framework 和 Vue JS 中遇到了同样的问题。如果您没有订阅，您可能无法阅读 Michele Saba 的答案。

它可能与软件包版本有关，并且它们是 alpha。降级为

• webpack-bundle-tracker@0.4.3
• django-webpack-loader==0.7.0

为我工作。降级使用：

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