使用FeatherSJS时,如何使VUEJS应用程序与IE 11一起使用



创建标准VUE应用程序(使用VUE-CLI v3.0)并包括@feathersjs/feathers,以实现与Feathers API的连接,我会使用Internet Explorer 11遇到错误(SCRIPT1010: Expected identifier))

最重要的是要找到一种简单的方法来解决此类问题,因为在较大的项目上,人们可以轻松找到很多图书馆问题,有时对于至少一个版本的Internet Explorer来说是必要的(至少从商业点起视图)

我在羽毛网站上阅读(https://docs.feathersjs.com/api/client.html#module-loaders)IE11。

所以我尝试过,但根本没有运气:

// vue.config.js
module.exports = {
  baseUrl: '/',
  transpileDependencies: [
    '@feathers/commons',
    '@feathers/errors',
    '@feathers/feathers',
    'debug'
  ]
}

即使在Chrome中也出现了错误:Uncaught ReferenceError: exports is not defined

我创建了一个显示此错误的项目:https://github.com/riescorp/vue-internet-explorer

一个人应该能够将IE11用于此应用程序,即使它不起作用或看起来不错,但可以使用。

我相信该过程应该与此页面的" IE11& safari 9支持"(滚动到底部)的vuetify网站上的指示相同:https:https://vuetifyjs.com/en/getting-started/quick-start

我不必在项目中做任何其他事情,我还记得。

我最终设法解决了这个问题。

这是babel.config.js配置

module.exports = {
  presets: ['@vue/app'],
  plugins: ['@babel/transform-modules-commonjs']
}

我的 vue.config.js中还有一个错字,应该看起来像这样:

// vue.config.js
module.exports = {
  baseUrl: '/',
  transpileDependencies: [
    '@feathersjs',
    'debug'
  ]
}

最后,当使用羽毛时,此行无法工作:

.configure(restClient.fetch(window.fetch))

因此,您可以使用import 'whatwg-fetch'来解决它(请记住安装npm i whatwg-fetch

相关内容

  • 没有找到相关文章

最新更新