我有一个用 ReactJs 创建的新闻部分,每个新闻帖子都充当一个单独的页面。不幸的是,由于 REactJ,Google 并未对这些页面建立索引。我尝试使用 babel-polyfill webpack,但它仍然无法正常工作。另外,我在渲染 DOM 之前进行 Ajax 调用。
关于此问题的另一种解决方法还有其他想法吗?
我创建了一个新的 angular 应用程序,通过将 dist 文件夹中的所有内容复制到 angular 应用程序的资产文件夹中并在 index.html 中引用它,我导入了一个 3rd 方应用程序 (svgedit)。现在我收到这个错误
未捕获的 ReferenceError:未定义 regeneratorRuntime
我已经搜索并看到了包含 babel-polyfill 等的建议,但一直无法解决这个问题。
这是我的设置,Angular 9.1.7
套餐
@angular-devkit/architect 0.901.7
@angular-devkit/build-angular 0.901.7
@angular-devkit/build-optimizer 0.901.7
@angular-devkit/build-webpack 0.901.7
@angular-devkit/core 9.1.7
@angular-devkit/schematics 9.1.7
@angular/cli 9.1.7
@ngtools/webpack 9.1.7
@schematics/angular 9.1.7
@schematics/update 0.901.7
rxjs 6.5.5
typescript 3.8.3
webpack 4.42.0
Run Code Online (Sandbox Code Playgroud)
package.json:
{
"name": "scada",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "~9.1.0", …Run Code Online (Sandbox Code Playgroud) 用core-js(例如babel-polyfill)填充的函数显示为本机。
Promise.race.toString() 产生:
function race() {
[native code]
}
Run Code Online (Sandbox Code Playgroud)
也是Object.values.toString()。
虽然它们当然不是浏览器的本机实现。该示例是Babel REPL页面。
开发人员如何通过编程方式检查功能不是本机实现,而是一个模仿本机功能的polyfill(例如,当已知某个特定的polyfill可能在应用程序中引起问题时)?
通常native coderegexp会有所帮助,但事实并非如此。
如何从此类函数中检索源代码?我主要对Node.js感兴趣,但是欢迎跨平台解决方案。
这个技巧到底是怎么完成的?我无法找到任何用于native code搜索core-js和babel-polyfill源代码。
我有一个es2017代码与async/await,我想将它转换为es5,以便大多数Node.js版本都支持它.
我当前的.babelrc文件如下所示:
{
"presets": ["es2015", "es2016", "es2017"]
}
Run Code Online (Sandbox Code Playgroud)
所以我将es2017改为es2016,从es2016到es2015,从es2015到es5.
当我在构建它之后尝试运行代码时,babel src -d dist -s我收到错误说:ReferenceError: regeneratorRuntime is not defined
如何将es2017代码转换为es5?我想稍后发布代码并使其可以通过node.js v4及更高版本使用.
我开始了一个多平台项目,在 react-native 和 react-js 之间共享代码。所以我有一个用于浏览器/电子的 webpack 设置,以及一个用于 Android/iOS 的 react-native 0.57 设置。我现在遇到的问题如下: 找不到变量:需要
这可能是一个非常直率的问题,但我还需要什么吗?我读到,React-native 本身应该支持 require,但还没有找到与此设置相关的任何内容。
.babelrc
{"presets": ["module:metro-react-native-babel-preset"]}
我也在浏览器端使用 @babel/polyfill 和 @babel/runtime ,但我想知道它们是否会干扰。
我想将 ts-loader 与 babel-polyfill 一起使用,但没有 babel-loader。但是当我尝试构建项目时,我收到了这个错误。谁能告诉我我错过了什么。
ERROR in ./src/index.tsx 4:16
Module parse failed: Unexpected token (4:16)
File was processed with these loaders:
* ./node_modules/ts-loader/index.js
* ./node_modules/tslint-loader/index.js
You may need an additional loader to handle the result of these loaders.
| import ReactDOM from "react-dom";
| import { MyComponent } from "./containers/my-component";
> ReactDOM.render(<MyComponent/>, document.getElementById("root"));
@ multi babel-polyfill ./src/index.tsx kb[1]
Run Code Online (Sandbox Code Playgroud)
|
包.json
{
"name": "test-react",
"version": "1.0.0",
"description": "Test",
"main": "index.js",
"scripts": {
"start": "node index.js",
"build": ".\\node_modules\\.bin\\webpack --config webpack.dev.js",
"build-w": …Run Code Online (Sandbox Code Playgroud) 为了支持 IE11,我必须添加<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.4.4/polyfill.min.js"></script>
到我的 .aspx 文件中。
但这会在控制台中引发此错误。
Uncaught Sys.ParameterCountException: Sys.ParameterCountException: Parameter count mismatch.
如何在不删除 Babel-polyfill 脚本的情况下解决此错误?
如果我不为 babel-polyfill 添加该脚本,则不会抛出错误。
Warning Error:
Uncaught Sys.ParameterCountException: Sys.ParameterCountException: Parameter count mismatch.
at Function.Error$create [as create] (http://.../ScriptResource.axd?d=D9...:237:15)
at Function.Error$parameterCount [as parameterCount] (http://.../ScriptResource.axd?d=D9...:413:21)
at Function$_validateParameterCount [as _validateParameterCount] (http://.../ScriptResource.axd?d=D9...:118:23)
at Function$_validateParams [as _validateParams] (https://.../ScriptResource.axd?d=D9...:70:18)
at String$startsWith (http://.../ScriptResource.axd?d=D9...:491:22)
at String.startsWith (http://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.4.4/polyfill.min.js:1:81150)
at new Sys$UI$DomEvent (http://...:3986:16)
at browserHandler (http://...:4052:42)
Run Code Online (Sandbox Code Playgroud) Vue CLI 3 / Webpack 如何处理对旧浏览器的支持?基本上,我的 Vue 应用程序在 iPhone 7/8 和 Chrome 桌面(最新版本)上运行得非常好。但是在 iPad 2 (iOS 9.?) 上进行测试时,它只显示来自 css 文件的背景,仅此而已 - 除了空白屏幕之外别无他物。这发生在我迄今为止制作的两个完全独立的网络应用程序上,所以我认为这不是编码错误。我在想我需要在vue.config.js文件中添加一些东西来支持旧浏览器吗?我看不出这是一个 css 问题,因为我没有使用grid或任何现代的东西 - 只是基本的 css,无论如何都是自动前缀的。请评论任何关于为什么它不起作用的想法!谢谢
我遇到了一个错误,我认为是来自webpack的一方.这里是:
index.js:9 Uncaught ReferenceError: global is not defined
at eval (index.js:9)
at Object.<anonymous> (bundle.js:2548)
at __webpack_require__ (bundle.js:622)
at fn (bundle.js:48)
at eval (client:1)
at Object.<anonymous> (bundle.js:2541)
at __webpack_require__ (bundle.js:622)
at bundle.js:668
at bundle.js:671
Run Code Online (Sandbox Code Playgroud)
我的网站是:
import webpack from 'webpack';
import merge from 'webpack-merge';
import path from 'path';
import isDev from 'isdev';
import { Dir } from './src/utils';
const TARGET = process.env.npm_lifecycle_event;
let Config = {
entry: [
'babel-polyfill',
'react-hot-loader/patch',
path.join(Dir.src, 'client.js'),
],
output: {
path: path.join(Dir.public, 'build'),
filename: 'bundle.js',
},
target: …Run Code Online (Sandbox Code Playgroud) babeljs ×5
reactjs ×4
javascript ×3
node.js ×3
webpack ×2
angular ×1
babel ×1
ecmascript-6 ×1
google-index ×1
react-native ×1
redux ×1
ts-loader ×1
vue.js ×1