__webpack_public_path__ in vuejs

Question

Я не могу заставить webpack_public_path работать с моим vue приложением. я получаю эту ошибку:

Module Error (from ./node_modules/eslint-loader/index.js):
error: '__webpack_public_path__' is not defined (no-undef) at src\publicpath.js:1:1:
> 1 | __webpack_public_path__ = process.env.VUE_APP_CHAT_URL;
    | ^
  2 |

вот как я это реализовал:

//publicpath.js
__webpack_public_path__ = process.env.VUE_APP_CHAT_URL;

и

//main.js
import './publicpath'
import Vue from 'vue'
import App from './App.vue'
import store from './store/index'

Vue.config.productionTip = false;

new Vue({
  render: h => h(App),
  store
}).$mount('#tn-chat')

Есть что-то важное, что я упустил?

Answer 1

Правило no-def ESLint предупреждает вас об использовании необъявленной переменной. Вы должны сообщить ESLint, что __webpack_public_path__ является глобальной переменной.

Вы можете сделать это , используя любой комментарий в файле JS, где вы его используете (publicpath.js) Например:

/* global __webpack_public_path__:writable */

Или в вашей конфигурации ESLint:

{
    "globals": {
        "__webpack_public_path__": "writable"
    }
}