vue.js - __webpack_public_path__ 在 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__ 是一个全局变量。

您可以 do it在您使用它的 JS 文件中使用注释 (publicpath.js)，例如:

/* global __webpack_public_path__:writable */

或者在你的 ESLint 配置中:

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