代码之家 › 专栏 › 技术社区 › nico

使用feathersjs时如何使vuejs应用程序与IE 11一起工作

transpiler feathersjs babeljs vue.js

nico · 技术社区 · 6 年前

创建标准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 )该库使用ES6,因此在本例中,必须对其进行透明处理,才能在像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

2 回复 | 直到 6 年前

Marshall Thompson 6 年前

我认为该过程应与本页标题为“IE11&Safari 9支持”的部分中的Vuetify网站上的说明相同(滚动到底部): https://vuetifyjs.com/en/getting-started/quick-start

nico 6 年前

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

这是 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 )

推荐文章

Meteor_UN666 · 如何使用gmail api使用NodeEmailer smtp oauth2?获取错误535:不接受用户和密码

7 年前

Jared · 如何将自己的Oauth2 Passport策略添加到FeathersJS应用程序中?

7 年前

theVortr3x · 使用feathers客户端和sequelize多对多关系

7 年前

musicformellons · 使用express将tus node server集成到feathersjs中

7 年前

twoLeftFeet · 增加SQL Server错误的特征并进行后续处理

7 年前

kite_n_code · http url参数无效字符错误

7 年前

KARTHIKEYAN.A · 要在MongoDB上更新文档中的单个字段,最好的方法是什么?feathersjs中的更新或修补程序挂钩

7 年前

KARTHIKEYAN.A · 如何解决feathersjs中请求实体过大的错误?

7 年前

Niko Gamulin · 如何从passport facebook读取用户信息

7 年前

KARTHIKEYAN.A · 许诺全部返回[null,null],不按预期返回

7 年前