将es6-promise polyfill导入Vue.js
在Vue.js中导入es6-promise polyfill是为了解决一些浏览器不支持Promise的问题。es6-promise是一个用于实现Promise的JavaScript库，它提供了一种处理异步操作的方式，使得代码更加简洁和可读。
在Vue.js中导入es6-promise polyfill的步骤如下：
- 首先，安装es6-promise库。可以使用npm或者yarn进行安装，命令如下：
- 首先，安装es6-promise库。可以使用npm或者yarn进行安装，命令如下：
- 或
- 或
- 在Vue.js的入口文件（通常是main.js）中导入es6-promise库，并调用其polyfill方法。代码如下：
- 在Vue.js的入口文件（通常是main.js）中导入es6-promise库，并调用其polyfill方法。代码如下：
- 这样，es6-promise库会自动检测浏览器是否支持Promise，如果不支持，则会自动注入Promise的实现。
导入es6-promise polyfill后，你可以在Vue.js中使用Promise对象，以便更好地处理异步操作。例如，你可以在Vue组件中使用Promise来处理异步请求、定时器等。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云开发（CloudBase）：https://cloud.tencent.com/product/tcb
- 云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 区块链（Blockchain）：https://cloud.tencent.com/product/baas
- 元宇宙（Metaverse）：https://cloud.tencent.com/product/um
以上是腾讯云提供的一些与云计算相关的产品，可以根据具体需求选择适合的产品进行开发和部署。
相关·内容
我是导入一个多填充，“ES6-承诺”在我的jsx文件的反应应用程序，但未能以正确的方式导入它。
我谷歌了N个解决方案，最后一个为IE工作。require('es6-promise').polyfill()
它工作得很好，但是，为什么它不能在import es6-promise from "es6-promise";中工作--是否有任何方法可以首先在变量中导入它，然后将.polyfill()方法调用到该变量？
浏览 10提问于2017-06-09得票数 0
回答已采纳
我正在尝试使用react应用程序中的promise来获取数据。我安装并实现了这个polyfill ，但它适用于Windows8上的IE11，但IE10 Windows7显示'promise are undefined‘。我认为polyfill应该覆盖所有的IE9+，但它并不适用于我。有没有人遇到过这个问题？在实现es6-promise polyfill与webpack的过程中，我是否遗漏了什么？？
// calling it my jsx file
import React, { PropTypes } from 'react';
import es6
浏览 0提问于2016-10-27得票数 0
在旧版本的Android中加载包含axios的Vue组件时遇到问题。经过一些研究之后，它指出浏览器不支持Promises，因此出现了polyfill。
我已经安装并导入了polyfill，但仍然有问题。
import Promise from 'es6-promise';
以上是正确的吗？或者还有更多的问题？
浏览 13提问于2017-02-18得票数 5
回答已采纳
我正在尝试为我的项目中的所有模块使用import而不是require，但是一些旧的npm模块只有require的指令。
在‘同构-获取’的情况下，我找不到正确的方法来使用import：
作品
require('isomorphic-fetch')
失败
import 'isomporphic-fetch'
import Something from 'isomorphic-fetch'
// error Can't resolve 'isomporphic-fetch' from Project/src/js/
转
浏览 3提问于2018-01-25得票数 2
回答已采纳
1回答
我几天前就开始学习打字稿了，到目前为止，它一直很混乱，尤其是模块。
我正在使用npm install -s @types/knockout导入类型，但大多数类型仍然是在类型记录1中编写的。
以下是ES6承诺包中的键入定义：
declare module 'es6-promise' {
var foo: typeof Promise; // Temp variable to reference Promise in local context
namespace rsvp {
export var Promise: typeof foo;
export funct
浏览 0提问于2017-04-08得票数 1
回答已采纳
6回答
我读过，但很难得到使用打字本的承诺。希望我们能有一个明确的指南。这是用于服务器/节点项目的。实际上，我使用的是最新的iojs，但目标是ES5作为输出。
$ tsd query es6-promise --action install --save
$ npm install --save es6-promise
// typescript code:
/// <reference path="../../typings/es6-promise/es6-promise.d.ts"/>
var Promise = require("es6-promise
浏览 0提问于2015-09-05得票数 49
回答已采纳
2回答
用mocha和chai进行测试
、、、、
我有以下示例测试：
import { assert } from 'chai'
function starWarsMovies () {
fetch('http://swapi.co/api/films/')
.then((res) => {
return res.json()
})
.then((res) => res.count)
}
describe('Get star war movies', () => {
it('should get 7',
浏览 5提问于2017-01-04得票数 4
我试着用VueJS和Bootstrap Vue做一个单选按钮，但是在我做的时候发生了这种情况。我预计这是语法错误，就像它说的那样，但我似乎找不到任何线索。
所以我试着复制粘贴代码，这是test_radio.php的完整代码
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap/dist/css/bootstrap.min.css"/>
<l
浏览 2提问于2018-10-09得票数 4
回答已采纳
我正在开发一个VueJS应用程序，但它不能在IE11中工作。我得到了空白页面，并在该行上显示了一个错误消息"Unable to get property 'call‘of undefined or null reference“： // Return the exports of the module return module.exports; 我的webpack.base.config.js文件： ```module.exports = { 条目：'babel-polyfill'，'./src/main.js'， 上下文: path.res
浏览 188提问于2018-08-29得票数 0
回答已采纳
9回答
我正在用webpack捆绑我的JavaScript。我依赖于像这样使用的模块。
下面是我的代码：
var popsicle = require('popsicle');
popsicle.get('/').then(function() {
console.log('loaded URL');
});
这在Promise可用的浏览器中工作得很好，但是。因此，我想使用作为多边形填充。
我尝试向我的webpack.config.js添加一个显式的ProvidePlugin
plugins: [
new webpack.ProvidePlugi
浏览 105提问于2016-08-16得票数 45
我正在尝试在我的Laravel/Vue.js应用中使用Socket.io。但我在运行npm run dev时遇到了这个错误。 Module not found: Error: Can't resolve 'path' in '/home/nicolas/LaravelProjects/Chess/node_modules/socket.io/dist'
BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This
浏览 1253提问于2021-07-01得票数 1
回答已采纳
7回答
我正在用ES6和Babel建立一个网站。
在脚本文件中，我需要对服务器上的服务进行ajax调用。为此，我就这样做：
fetch('url').then(
response => response.json()
).then(
supervisoryItems => doSomething(supervisoryItems)
)
在Google中，这种方法工作得很好，但在Firefox或IE上却不起作用(我得到了错误的fetch is undefined)。在谷歌上搜索，我发现这应该能解决这个问题：
import promise from 'e
浏览 4提问于2016-04-07得票数 61
回答已采纳
我在IE11中遇到了一个问题，当我在vue.js中使用vee validate验证表单时，会得到一个InvalidCharacterError。我认为这可能是polyfill错误，但我不是很确定。我尝试删除我的代码的某些部分，看看问题是否仍然存在，但到目前为止我什么也没找到。我还尝试标记错误，以查看错误所在。我尝试了其他解决方案，但到目前为止都没有奏效。
下面是一些代码：
validateBeforeSubmit() {
this.$validator.validateAll().then(result => {
if (result) {
浏览 6提问于2019-12-04得票数 0
您好，如何让v-select验证在IE 11上运行？我在我的vue脚本中添加了require('es6-promise').polyfill();，但是直到我遇到错误，无法生成呈现函数。 <v-select :options="books" label="title" v-model="selected">
<template #search="{attributes, events}">
<input
class="vs__search"
浏览 62提问于2019-07-04得票数 0
2回答
聚醚填充
、、、、
我试图将一个polyfill添加到我的vue.js 2.0/Laravel5.3应用程序中，因为在internet 11中我收到了一个错误：
vuex requires a Promise polyfill in this browser.
因此，我跟踪了使用ecm 6的，所以我这样做了：
npm install --save-dev babel-polyfill
并在我的bootstrap.js的顶部添加了这个
import "babel-polyfill";
但在Internet explorer中仍然存在相同的错误。我应该做什么或者我做错了什么？
浏览 5提问于2017-01-06得票数 10
回答已采纳
1回答
我正在尝试使用vuetify 2.x的v卡。即使其最大宽度设置为90%，卡也会在IE11上溢出。
为了与浏览器兼容，我在main.js中导入了以下内容。
import Es6Promise from 'es6-promise';
import 'babel-polyfill';
Es6Promise.polyfill();
我的卡片在模板中定义如下：
<template>
<v-layout column>
<v-card class="mx-auto pa-4" max-width="90%&
浏览 4提问于2020-01-30得票数 0
嗨，我一直在努力从Pedro G. Galaviz那里获得这个配置Phoenix和Vue.js 的示例。
在我的版本( )中，我复制了简单的webpack /巴别塔的配置-简单的模板，但是仍然不能工作。
我让它在这里运行：，它正在加载标题，但在ie11上只显示一个空白屏幕，没有错误消息。
main.js
import 'babel-polyfill’
import ‘es6-promise/auto’
import Phoenix_html from 'phoenix_html’
import { Socket } from 'phoenix’
import Vue
浏览 8提问于2018-02-13得票数 0
在我的项目中，我使用的是带有打字稿的玩笑。我正在使用标识-obj-代理对我的所有.ts文件进行未定义，但是.js文件可以像预期的那样工作。
这是我的tsconfig.json：
{
"compilerOptions": {
"target": "es5",
"forceConsistentCasingInFileNames": true,
"module": "esnext",
"moduleResolution": "node",
浏览 1提问于2018-10-15得票数 6
回答已采纳
我想知道我写的代码是否有效(我得到了我想要的)，但它看起来并不吸引人。有没有更好的方法来写这篇文章？ require('es6-promise').polyfill();
require('isomorphic-fetch');
function get_height() {
const height_url = 'https://somewebsite.info/api/someth/tip/height';
var data = fetch(height_url)
.then((resp) => resp.jso
浏览 19提问于2019-04-02得票数 2
我把我们的应用程序从SystemJS迁移到了Webpack，结果很好，除了我不能得到懒惰的工作路线。
我一直收到的错误是Uncaught (in promise): ReferenceError: System is not defined。该错误出现在供应商生成的JS文件和polyfill生成的JS文件中。
我尝试添加一个取自的自定义System类型-
interface SystemJS {
import: (path?: string) => Promise<any>;
}
declare var System: SystemJS;
我尝试使用来自的Node的es6
浏览 8提问于2016-09-19得票数 1
回答已采纳
当我试图读取包含有错误的路由器节点崩溃的read文件时(我想构建sitemap，但是即使我只是尝试console.log导出默认变量，我也得到了这个错误，可能是babel错误的配置)：
_redux.applyMiddleware)(_reduxThunk2.default)，redux\store.js:80存储= (0，_redux.createStore)(_index2.default，defaultState，(0，_redux.compose))(0，_redux.createStore window.devToolsExtension？window.devToolsExtens
浏览 1提问于2018-02-16得票数 0
回答已采纳
当试图将我的类型记录Next.js应用程序部署到Vercel时，尽管可以正常工作，并且在本地构建良好，但是构建还是失败的。
不知道错误在哪里，也不知道如何修复。
我的应用程序在前端有一个输入字段，它将输入发送到NextJS API，后者连接到MongoDB并保存输入。
完全错误：
/vercel/path0/node_modules/abortcontroller-polyfill/dist/polyfill-patch-fetch.js:529:18 TypeError:不能设置#的属性请求，该请求只有一个getter在/vercel/path0/node_modules/abortcont
浏览 5提问于2022-11-05得票数 3
1回答
我试图在我的Vue组件上编写一个简单的Jest单元测试。
技术栈: TypeScript，VueJS，Jest，Webpack，
结构
root
- src
- invite
- accept.ts
- accept.vue
- test
- invite
- accept.ts
- app.ts
- jest.config.json
- package.json
在尝试使用Jest模拟依赖模块时，我一直在观察一些奇怪的行为。
src/invite/accept.ts
import Vue from &#
浏览 0提问于2018-05-16得票数 4
回答已采纳
3回答
我有一个用ES6写的React项目。它是用Babel编译的，运行得很好。除了一个承诺(许多承诺！)这只在IE中起作用，我已经知道-不支持promises。因此，我立即想到添加一个polyfill来为IE提供promises，但随后我想“等等，你已经在编写ES6了，而且它不是已经编译到ES5中了吗？”谁会比这更清楚呢？
那么，在我的项目中添加像这样的polyfill有什么意义吗？如果有，我应该如何在语法上使用它？现在我只有导入，但我可能也应该以某种方式实现它？
import Promise from 'es6-promise';
这也是在IE中导致问题的承诺，也许我有一个我自己都
浏览 3提问于2015-12-16得票数 17
我有一个嵌套的模块结构，按特性组织：
/app
/lib (not a module)
/pipes
capitalize.pipe.ts
/portal
/dashboard
/public
每个模块都有自己的延迟加载路由。下面是我的应用程序、门户和仪表板路线，为了简洁起见，省略了导入：
**app.routing.ts**
export const appRouting: ModuleWithProviders = RouterModule.forRoot([
{
path: 'portal',
loadChild
浏览 3提问于2016-10-25得票数 1
回答已采纳
1回答
我想在我的CDN网站上使Vuetify与IE兼容。这是我的代码(使用PHP)： <v-app>
<div>
<v-btn>Dont work in IE</v-btn>
</div>
</v-app>
</div>
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=fetch&flags=gated"></script>
<
浏览 28提问于2020-08-21得票数 1
1回答
我有以下业力配置文件(相关属性)：
files: [
{ pattern: './src/*.html', watched: true, served: true, included: false },
// polyfill for es6 Promise
'node_modules/es6-promise/dist/es6-promise.auto.js',
// polyfill for fetch.js
'node_modules/whatwg-fetch/fetch.js',
浏览 0提问于2018-04-12得票数 1
我正在尝试将一个函数导入到一个文件中，然后从该文件导出它。这应该是直截了当的，但由于某种原因，我无法使它发挥作用。
search_action.js
function search_actions() {
this.receive_results = function() {
return {
type: 'RECEIVE_RESULTS',
results: results
}
}
}
module.exports = search_actions
index.
浏览 2提问于2016-04-06得票数 1
回答已采纳
1回答
我的应用程序中有一个polyfill.ts文件，其中包含以下导入语句：
import 'zone.js/dist/zone';
import 'core.js';
import 'core-js/modules/es6.map';
import 'regenerator-runtime/runtime';
import 'core-js/es6/reflect';
但是，在检查控制台日志时，它在polyfill.js文件中有一个未登录的(注意：polyfill.js文件上的错误，而不是polyfill.ts文件上
浏览 10提问于2022-01-12得票数 2
回答已采纳
我将Babel 7与polyfill和systemjs插件一起使用，这会导致以下错误：
Unhandled promise rejection Error: "Unable to resolve bare specifier "core-js/modules/web.dom.iterable" from file:///[...]/target/main.js"
我如何告诉Babel生成可以在SystemJS中运行而没有错误的转置代码？
被转接的代码如下所示：
"use strict";
System.register(["core-j
浏览 1提问于2018-10-06得票数 2
6回答
我试图添加到项目中的任何第三方Vue.js库都会引发以下错误：
Could not find a declaration file for module 'vue-xxx'
我尝试过'vue-treeselect‘、'vue-select’、'vue-multiselect‘，结果大致相同(*这些库不允许import Modulename from，但需要const Modulename = require)。
我在"dependencies": {下在package.json中添加了这些内容。
我正在使用dotnet为Vue.js提供的
浏览 6提问于2018-03-13得票数 19
使用: react 16.8.6。在开发模式下工作。 1) Do: npm create-react-app my-app 2) cd my-app 3)新增:导入"react-app-polyfill/ie11"；作为index.js中新的第一行 4) do: npm start 5)在Windows10上的IE11中，它会在控制台中中止，并显示以下内容： SCRIPT1002:语法错误1.chunk.js (10735,34) SCRIPT1002:语法错误main.chunk.js (154,1) 我尝试过其他的polyfills： 导入react-app-polyfi
浏览 53提问于2019-06-04得票数 3
回答已采纳
目前我正在学习项目。它的webpack.config.js有两个条目：main.ts和vendor.ts。
main.ts
import {provide} from 'angular2/core';
import {bootstrap, ELEMENT_PROBE_PROVIDERS} from 'angular2/platform/browser';
import {ROUTER_PROVIDERS, LocationStrategy, HashLocationStrategy} from 'angular2/router';
import
浏览 3提问于2016-01-05得票数 1
回答已采纳
1回答
巴别尔填充webpack
、、、
我需要将import "babel-polyfill"包含到每个条目文件的顶部，还是仅在webpack.config文件中有babel-polyfill规则就足够了？我对填充文档感到困惑，但仍然得到以下错误：only one instance of babel-polyfill is allowed
简而言之，我的webpack.config：
entry1: ['babel-polyfill', 'homepage.js'],
entry2: ['babel-polyfill', 'not-homepage.js
浏览 3提问于2016-06-30得票数 4
回答已采纳
我是npm的新手，不太明白依赖和devDependencies之间应该有什么区别。我知道对于测试库，他们应该使用dev，但是对于像babel和webpack这样的东西呢？它们是否也应该在dev中，因为它们只用于将es6和JSX转换为普通的JS？我的理解是，当你部署到heroku时，它已经对必要的库进行了代码转换，所以没有必要在生产环境中托管它们？
"dependencies": {
"babel-core": "^6.7.7",
"babel-eslint": "^6.0.4",
浏览 1提问于2016-10-20得票数 101
2回答
我的项目使用的是应许填充和取料填充，只有在浏览器还不支持的情况下才包括它。
// Browser doesn't have Promise
if (!window.Promise) {
require(['es6-promise'], function(promise) {
promise.polyfill();
// Browser doesn't have Promise or fetch
if (!window.fetch) {
require(['fetch'], function(fetch) {
浏览 0提问于2015-10-02得票数 1
2回答
用下面的代码构造的<Alert/>不可见：
import { Alert } from 'react-bootstrap';
import React from 'react';
const AlertHelloWorld = () => (
<Alert variant="success">
Hello World!
</Alert>
);
export default AlertHelloWorld;
代码将opacity设置为0
当我在浏览器中将opacit
浏览 1提问于2020-02-20得票数 0
回答已采纳
1回答
导出JS生命库以响应组件
、、、、
我才刚开始学习反应JS。所以我有两个JS文件：
Polyfill.js -> github
CustomNavbar.js ->矿
polyfill.js结构
export default (function(window){
...
var classy = {
...
}
...
})(window);
!window.addEventListener && window.Element && (function () {
...
---code---
...
})();
我是customnavbar.js
import
浏览 1提问于2019-02-23得票数 0
回答已采纳
在尝试将web3安装并使用到我的react本地网站后，我遇到了一个错误，我正在构建这个网站来了解更多关于web3开发的信息。安装web3之后，然后添加：
import Web3 from 'web3';
const web3 = new Web3(Web3.givenProvider || "http://localhost:8545");
web3.eth.getAccounts().then(console.log);
在我的App.js文件中，我收到了以下错误：
Compiled with problems:X
ERROR in ./node_modu
浏览 12提问于2022-02-24得票数 1
回答已采纳
1回答
要求与导入
、、
与import相比，当我执行require时，代码运行时没有错误，然后我收到一个错误：
app.js：
// require("@babel/polyfill");
// require("@babel/core");
import babel from '@babel/core';
import babelpoly from '@babel/polyfill';
import axios from 'axios';
const BASE_URL = 'https://jsonplaceholder
浏览 12提问于2020-02-10得票数 1
2回答
反应怪异(用问题9编译)
、、、
我一直在用mern堆栈来处理react。一切都很好，直到我在从mongo数据库中获取数据时在函数中使用了JSON.parse。我点击了保存，得到了9个错误。我删除了所有的代码，所有与它相关的内容，就好像我从未尝试过一样，我仍然得到以下9个错误：
有什么指示吗？
用问题汇编:X
ERROR in ./node_modules/cookie-signature/index.js 4:13-30
Module not found: Error: Can't resolve 'crypto' in '/Users/sebastianrichards/ReactProj
浏览 10提问于2022-06-28得票数 1
为Object导入ES6 polyfill是有用的还是多余的
import 'core-js/es6/object';
还有用于Object的ES7 polyfill
import 'core-js/es7/object';
ES7 polyfill是否涵盖了所有ES6功能，我是否可以保留ES6 polyfill，或者ES6 polyfill是否添加了ES7 polyfill中不存在的功能？
浏览 2提问于2017-08-08得票数 13
回答已采纳
我现在使用的是jade- HTML -laoder，但是当我运行webpack的watch命令时，HTML文件的结果中嵌入了所有的javascript代码。
这是我的webpack.config.js
var webpack = require('webpack'),
BrowserSyncPlugin = require('browser-sync-webpack-plugin'),
html = require('jade-html-loader'),
path = require('path');
浏览 1提问于2016-01-21得票数 1
以下是我在package.json中的依赖项：
"devDependencies": {
"babel-cli": "^6.24.1",
"babel-polyfill": "^6.23.0",
"babel-preset-env": "^1.6.0",
"babel-preset-stage-0": "^6.5.0",
}
我可以用"babel“(我把所有东西都放在服务器文件夹里，而不是-d )编译得很好。
当我尝试使用
浏览 1提问于2017-08-09得票数 4
据我所知，来自react-router v4的BrowserRouter不应该再在url中使用#，但对我来说，由于某种奇怪的原因，散列仍然被添加……
import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter} from 'react-router-dom';
import {Provider} from 'react-redux';
import {createStore, applyMiddleware} from
浏览 2提问于2017-08-14得票数 1
我想有条件地进口聚合物的东西。一个人将如何构建类似于以下的东西。
<html>
<head>
<link rel="import" href="polyfill-geolocation.html">
</head>
<body>
<script>
// I can use geo
navigator.geolocation.getCurrentPosition(callback);
</script>
</body>
<
浏览 4提问于2014-04-23得票数 3
回答已采纳
我得到了错误：
22错误包含未显示的详细信息。编译失败。webpack <5用于默认情况下包括node.js核心模块的多填充。现在已经不是这样了。验证是否需要此模块，并为其配置一个多填充。
未找到模块:错误:无法解决‘C：\Users\joshm\下载\新文件夹(14)\myapp\节点_模块\body-解析器\lib’中的“zlib”更改:默认情况下，webpack <5用于包含node.js核心模块的多填充。现在已经不是这样了。验证是否需要此模块，并为其配置一个多填充。
If you want to include a polyfill, you need to:
浏览 108提问于2022-03-01得票数 1
1回答
我希望将公共/ js文件夹和版本中的所有js文件缩小到public/build文件夹中。在js文件夹中，我有两个文件夹，custom(contains自创建的js文件)&供应商(包含第三方库文件)。
我可以在这两个文件夹中创建所有文件的版本，但是文件不会缩小。
var elixir = require('laravel-elixir');
require('es6-promise').polyfill();
mix.scripts([
'custom/top.js',
'custom/commonData.js&#
浏览 4提问于2017-08-09得票数 0
当在IE 11中加载一个以其他方式正确工作的React时，在同一个页面中使用Analytics，它会给出错误消息：
Invariant Violation: You should not use <Switch> outside a <Router>
错误并不会出现在所有其他浏览器上，只有IE 11会受到影响。它也独立于我正在使用的路由器类型。
如果我将Analytics从=>中删除，它就能工作。
下面是我使用的代码：
<!DOCTYPE html>
<html lang="en">
<head>
浏览 0提问于2019-04-27得票数 2
我有一些文本，我试图改变基于路线名称的样式。我已经设置了2个路线名称，广告和网站，并设置了一个观察者来观察路线。如果路由名称是ads或webs，我希望文本具有color:white;background-color:orange。但我不确定该怎么做。 new Vue({
el: '#app',
data() {
return {
styleClass: null
}
},
watch: {
'$route' (to, from) {
if (to.name == 'ads' |
浏览 30提问于2019-12-18得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
