vuejs 中的 __webpack_public_path__

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"
    }
}