WebpackChunkName использует текущий рабочий каталог вместо корневого веб-каталога

Question

Я запускаю приложение Vue с inertia js. Мое приложение находится внутри папки в корневом веб-каталоге, как показано ниже:

/
  -myVueApp/
     -webpack.config.js
     -includes/
         -js/
            -pages/

В моем файле app.js есть этот код:

    resolveComponent: name => import(
        /* webpackChunkName: "includes/js/pages/[request]" */ `@/Pages/${name}`
    ).then(module => module.default)

Когда я создаю, файлы создаются в правильном каталоге (/myVueApp/includes/js/pages),

При запуске приложения браузер ищет фрагментированные файлы (/includes/js/pages) непосредственно в корневом веб-каталоге, а не в папке myVueApp.

Webpack.config.js, package.json находятся внутри папки myVueApp /, и именно там выполняются команды запуска npm.

Файл runtime.js в (/ myVueApp / includes / js) загружается нормально, но он сообщает браузеру искать фрагментированные файлы из корня сервера, а не из папки / myVueApp.

Какие настройки webpack я могу использовать для решения этой проблемы?

Я попытался установить корневой путь, но для этого требуется абсолютный путь, который прерывается при переключении с окна Windows на окно Linux. Кажется, что абсолютный путь относительно ОС, а не корня сервера.

Answer 1

Я решил это. Мне пришлось установить output.publicPath= "/myVueApp/" в webpack.config.js