在11 11上出现SCRIPT5017错误，使用的是webpack 4、巴别塔7和react
。
SCRIPT5017错误是指在浏览器中执行JavaScript代码时遇到的语法错误。在这种情况下，出现错误可能是由于以下原因之一：
- 编译错误：webpack 4是一个用于打包前端资源的工具，巴别塔7（Babel 7）是一个用于将ES6+代码转换为向后兼容的JavaScript版本的工具。如果代码中存在编译错误，就会导致SCRIPT5017错误的出现。解决方法是检查代码中的语法错误，并确保使用的是正确的Babel配置。
- 兼容性问题：React是一个用于构建用户界面的JavaScript库。在不同的浏览器和版本中，对JavaScript的支持程度可能存在差异。如果使用了不被浏览器所支持的语法或API，就可能触发SCRIPT5017错误。解决方法是使用兼容性较好的JavaScript语法和API，或者通过使用polyfill来填充浏览器的功能缺失。
对于以上问题，可以尝试以下解决方案：
- 检查代码语法：使用工具（如eslint）来检查代码中的语法错误，并确保代码符合JavaScript的语法规范。
- 确保Babel配置正确：查看webpack配置文件中的Babel配置，确保使用了正确的Babel版本和插件。可以参考Babel官方文档（https://babeljs.io/docs/en/）来获取最新的配置信息。
- 确保使用了正确的polyfill：在使用新的JavaScript语法或API时，可以使用polyfill来填充浏览器的功能缺失。可以使用core-js（https://github.com/zloirock/core-js）等库来提供polyfill功能。
- 检查浏览器兼容性：查看目标浏览器的兼容性列表，了解其中的差异和限制。可以使用Can I use（https://caniuse.com/）等网站来查询不同浏览器的支持情况。
最后，腾讯云提供了一系列与云计算相关的产品，如云服务器、云数据库、云存储等。具体推荐的产品和介绍链接地址可以根据具体需求和场景进行选择，可以访问腾讯云官方网站（https://cloud.tencent.com/）来获取更多信息。
相关·内容
我正在尝试学习如何编写一个React App，并从头开始设置。
我一直在尝试运行webpack --config webpack.dev.config.js。我一直收到这个错误。我试过使用不同的加载器和预设。
我的设置有什么问题？是不是我的npm节点模块过时了？
我试着更新我所有的预置，加载程序，甚至巴别塔本身。
错误：
ERROR in ./src/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Plugin/Preset files are not allowed to
浏览 0提问于2018-10-24得票数 2
我正在试着修复一个插件，但对webpack来说似乎无法开箱即用。它最初使用的是webpack v2和巴别塔6，所以我决定把它升级到wepack 4和巴别塔7。即使是这样，它似乎不是webpack。我得到的错误是
ERROR in ./src/index.js 42:8
Module parse failed: Unexpected token (42:8)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. S
浏览 3提问于2019-10-26得票数 2
回答已采纳
我让webpack和巴贝尔编译Typescript，但他们似乎不知道如何处理typescript中的private关键字。一般来说，他们似乎对Typescript没有问题，我可以编译文件。所以我想知道我是否需要做一些配置更改，但谷歌搜索没有帮助。 你怎么才能让webpack和巴贝尔善用Typescript的私有关键字呢？ .babelrc {
"presets": [
"@babel/preset-env",
"@babel/preset-typescript",
"@babel/
浏览 32提问于2020-08-17得票数 1
1回答
我只是想知道create-react-app如何使用.js文件而不是.jsx来做jsx标记。是不是因为特殊的webpack配置？顺便说一下，我在哪里可以找到我用create-react-app创建的项目的webpack和巴别塔配置？
浏览 13提问于2017-02-07得票数 11
回答已采纳
我在和webpack一起构建的时候遇到了问题。这是我在构建时看到的错误... ERROR in ./node_modules/react-table/src/publicUtils.js 10:35
Module parse failed: Unexpected token (10:35)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concept
浏览 28提问于2021-06-19得票数 3
回答已采纳
我有一些问题，可以在现有的react项目中实现babel，或者最好重新启动项目并在开始时添加babel，以避免任何实现问题。
对于react项目，是使用巴别塔强制使用webpack，还是可以在没有webpack的情况下实现巴别塔。
同样的问题，typescript可以在现有的项目中实现，还是更好地重新启动所有项目？
最后一个问题，如果我在节点中返回，在前面的react中，我必须在这两者中实现babel？
谢谢你的热情款待。
浏览 17提问于2020-05-10得票数 0
在使用create-react-app --scripts-version=react-scripts-ts创建的项目中，如何将代码转换为javascript？用巴别塔/Webpack吗？我检查了package.json，但没有提到任何这样的依赖。
浏览 20提问于2018-07-24得票数 1
在开发大型React应用程序时，哪个是更好的选择？使用create- react -app和它提供的默认的webpack和巴别塔配置，还是创建一个自定义的webpack和巴别塔配置并安装react包？ 我已经使用create- react -app在react中开发了一些小应用程序，现在我想了解从webpack和巴别塔开始的每一个小部分。大公司是使用webpack和巴别塔，还是简单地创建反应应用？
浏览 12提问于2020-04-10得票数 0
你能不能只用Webpack和巴别塔把代码转译到/public目录下？资产管道是否有必要进行集成，并仍然支持Chrome中的React和Redux开发工具等工具？
浏览 8提问于2017-06-29得票数 0
我想修改丹·阿布拉莫夫的创建-反应-应用程序的现有webpack.config.js文件-我想添加一个额外的加载器'react-html-attrs‘，这样我就可以按原样使用类标记，而无需将其更改为camel-case className
所以我是这样做的: 1.我访问了这个babel插件的官方github文档- ，它说如果你使用的是babel-6 install npm package: npm install --save-dev babel- plugin -react-html-attrs
然后，在我的一个组件js中，我返回了一个包含类而不是类名的jsx --但我仍然收到这个错
浏览 0提问于2017-01-18得票数 6
我目前正在学习react，我有一个使用webpack，巴别塔和react的应用程序。react似乎有两种使用required或import编写它的方式。似乎还有更多关于使用import的文档。如何更改我的堆栈以使用导入版本？
浏览 0提问于2017-08-07得票数 1
看着，我困惑于我必须做些什么才能使用它。我知道我可以在我的index.html中包含脚本标记来使用它，但是其他的都是如何工作的呢？
如果我选择不使用脚本标记，我知道我可以使用node安装，然后使用Babel将其导入到我想要使用jQuery的任何文件中。但是，webpack在哪里发挥了作用呢？如果我不使用巴别塔，我只需要使用webpack的要求，对吗？webpack的要求是巴别塔进口的替代方案吗？
似乎要么我可以使用巴别塔和Node.js，要么我可以使用webpack和Node.js？我认为Babel和wepback服务于不同的目的，Babel将ECMAScript第6版转换为ECMAScrip
浏览 14提问于2016-08-24得票数 0
回答已采纳
我有一个不包含redux的react应用程序。react应用程序只有一个以模式打开的小chatbox窗口。我想在一些非react网站中呈现这个react应用程序，其中一些网站使用普通的js，一些网站使用jQuery。怎么做呢？ 我的应用程序使用的是webpack和巴别塔。我没有使用redux。
浏览 30提问于2019-06-27得票数 0
我正在设置新的react项目，我试图编译webpack，但出现了语法错误。在我看来，这是由于package.json和webpack.config.js的问题
这是我的pacakage.json代码
{
"name": "blog_project",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test":
浏览 22提问于2019-07-09得票数 0
回答已采纳
1回答
我使用Three.js作为一个模块，使用巴别塔转换代码，用WebPack打包。问题是，即使所有其他代码都被正确转换，three.js模块仍然包含ES6语法。这会在IE11中引发问题。
.babelrc
{
"presets": [
[
"@babel/preset-env" , {
"targets": {
"ie": "11"
}
}]
],
"plugins": [
浏览 5提问于2020-02-17得票数 1
1回答
我正在使用webpack/巴别塔来转译代码，但由于某种原因，第三方包中的一些代码被删除了。 第三方代码在其源代码中定义了类似于以下内容的const： const NOUNS = {
people: {
a: [1, 2],
b: [3, 4],
},
places: {
a: [5, 6],
b: [7, 8],
},
}; 该包babel编译步骤使用for corejs3最终输出以下内容： import _defineProperty from '@babel/runtime-corejs3/helpers/esm/definePro
浏览 11提问于2021-01-13得票数 0
回答已采纳
我是一个React.js初学者。我通常使用以下命令启动项目，不需要任何配置：
npm install -g create-react-app
create-react-app my-app
然而，我发现很多在线教程都是通过配置Webpack和巴别塔来开始这个项目的。他们必须配置webpack.config.js。
另外，当我使用"create-react-app“开始我的项目时，我找不到这个文件，我不知道如何配置我的webpack。
我的问题：
有必要以这种方式启动项目吗？
我们自己配置环境和使用create-react-app构建项目有什么区别？
哪一个是最好的，还是最常见的？
浏览 4提问于2017-07-29得票数 1
我已经写了将近30年的程序了，这让我很抓狂。我已经尝试了无数种构建工具的组合，巴别塔和webpack的版本，以及不同的愚蠢的黑客方法，但都没有起作用。 我正在写一个库。我正在使用巴别塔转换，然后使用Webpack组装一个最终的.js文件，供用户导入。当然，我希望将一些内容公开到全局名称空间中供用户使用。这就是我在这里想要弄清楚的。 见鬼，我怎么能这么做？显然，我可以直接设置window.whatever=thing，但这似乎很便宜。我尝试在webpack.config.js文件中使用library配置项，但是我在那里命名的对象总是空的，无论我在哪个文件中返回什么。 此外，当我使用babel-
浏览 20提问于2020-07-15得票数 1
2回答
我正在使用webpack和巴别塔从头开始设置一个react项目。当它运行时抛出一个错误。请帮帮我。
我附上了错误的屏幕截图。我的巴别塔安装不正确。我哪里错了？
浏览 0提问于2018-09-24得票数 0
我一直在尝试设置Webpack 4和巴别塔7在React中使用ES6 "import“。在Chrome71的"import React from 'react';“中，我一直收到"Uncaught :Uncaught”的提示。它在Webpack 3和巴别塔6中起作用，所以我认为我在巴别塔的设置上做错了什么。
以下是我的dev依赖项：
"@babel/core": "^7.1.6",
"@babel/plugin-proposal-class-properties": "^7.1.0",
&#
浏览 2提问于2018-11-20得票数 0
2回答
我在静态站点上使用原生es6模块。 <script type="module" src="./main.js"></script> 在部署之前，我通过babel传递js文件。 // webpack.config.js rules: [
{
test: /\.js$/i,
exclude: /node_modules/,
use: ['babel-loader'],
}
] // .babelrc {
"presets": [
[
浏览 46提问于2021-09-13得票数 0
2回答
我想用创建React应用程序
在文档中，它说我需要更改.babelrc以模块化加载文件，也是从加载文件。
但是，我找不到任何..我对Webpack/巴别塔/其他东西很陌生……
我使用create- React -app来制作React应用程序
请帮帮我..
这是我的package.json：
{
"name": "ant",
"version": "0.1.0",
"private": true,
"dependencies": {
"antd": "
浏览 2提问于2017-12-25得票数 9
我对UI技术是个新手。我正在尝试我的手在reactjs与webpack和巴别塔，我创建了一个应用程序使用创建反应应用程序插件安装后使用npm。我用cd进入src文件夹并执行npm start，它将启动浏览器并显示演示页面。我试图将巴别塔和webpack添加到这个演示中，但不幸的是它不起作用。我在浏览器中打开index.html页面，它没有显示我正在跟踪的的jsx文件内容
我不确定为什么这个不能工作，请帮我解决这个问题。
index.jsx
import React from 'react';
import {render} from 'react-dom';
浏览 1提问于2017-08-13得票数 1
我有一小段代码
async makeRestCall() {
var api = await PrognApi(this.state.Name);
console.log(api);
}
但是react抛出了这个
未捕获ReferenceError:未定义regeneratorRuntime
在控制台中。我知道我以前在React中使用过async和await，但我不记得我是如何认为我必须安装库的。任何建议都是很棒的。我正在使用一个js文件来保存我的jsx。我也在用webpack和巴别塔。
浏览 0提问于2019-01-17得票数 0
我是.net developer.Previous开发人员，在一个项目中使用nodeJS和react。我必须使用nodeJS和react完成project.That项目。我在windows 8中安装了NodeJS
我安装了包(Npm install)，现在我尝试运行start well.But (Npm start)，但它给出了关于babel的错误。
C:\rc>npm start
> react-seed@0.0.13 prestart C:\rc
> npm install
npm WARN package.json react-seed@0.0.13 No li
浏览 2提问于2016-03-27得票数 1
我正在和webpack和巴别塔一起开发React应用程序。在IE11上运行它时，会出现"SCRIPT1010: Expected“错误消息。我已经解决了大多数错误(例如，我在我的webpack配置中添加了@babel/插件-转换-箭头函数，以解决IE11上箭头函数的问题)。
消息"SCRIPT1010: Expected“仍然有一个错误。在控制台中，该行被标记为：
r=function(r,i){for(var c,l,[a,u,s,f]=i,p=0,b=[];p<a.length;p++)
并且光标位于第一个左方括号之前。我认为问题出在a，u，s，f=i。我需要任何额外
浏览 2提问于2021-02-23得票数 0
1回答
导入默认导出未定义
、、、
我正在使用巴别塔7，Webpack 4和React的TypeScript。
export default () => <span>Test</span>
然后
import Test from './test'
测试在这一点上是未定义的，或者plugin-transform-modules-commonjs是一个空对象。
.babelrc
"plugins": [
"@babel/plugin-syntax-dynamic-import",
"@babel/plugin-proposal-
浏览 6提问于2019-07-05得票数 1
回答已采纳
我对webpack完全陌生，我正在为一个新项目做我的第一个配置。
我正在尝试加载我的jsx/scss文件，但是我遇到了这个问题：
var path = require('path');
var webpack = require('webpack');
var autoprefixer = require('autoprefixer');
var node_modules_dir = path.resolve(__dirname, 'node_modules');
var ExtractTextPlugin = require(
浏览 1提问于2015-12-06得票数 2
我正面临下面的错误。我尝试了其他与同一问题相关的帖子中提到的所有解决方案。但没那么走运。请帮帮忙。 错误：-** ./src/index.js 6:16模块分析失败:意外令牌(6:16)您可能需要适当的加载器来处理此文件类型，当前没有配置加载器来处理此文件。请参阅组件rs |从‘./ https://webpack.js.org/concepts#loa / App’导入应用程序；| ReactDOM.render(，document.getElementById(“app”)；i ?wdm?：编译失败。** 项目结构Project structure image 下面是我的文件。 pack
浏览 24提问于2020-04-17得票数 0
9回答
我对IE 11和我的react应用程序有一个问题。我使用了Webpack，巴别塔和polyfill.io cdn，一切都很好，直到渲染堆文件，然后它停止做任何事情。你知道会出什么问题吗？
提前谢谢。
浏览 1提问于2018-12-05得票数 56
目前我可以这样做：
require('./frontend/src/components/SomeComponent');
但是如果我在webpack.config.js中设置了以下内容
resolve: {
root: path.resolve('frontend', 'src')
}
我可以这样做：
require('components/SomeComponent');
问题是，当我不使用Webpack时(例如。在测试环境中)我所有的导入都会中断。根据巴别塔文档，sourceRoot属性设置“所有源的相对根”。这让我
浏览 0提问于2016-12-22得票数 1
我在试着让webpack和巴别塔一起工作(这两个我都是新手)。当我运行webpack-dev-server编译时，编译正常，但是我导入的模块中的内容不起作用。下面是我如何配置我的项目：
// package.json
{
"name": "wtf",
"version": "1.0.0",
"description": "",
"scripts": {
"dev": "webpack-dev-server --open",
浏览 14提问于2019-11-25得票数 1
回答已采纳
我试图在react中创建我的第一个组件，但我总是出错。这会导致在网站上根本不显示按钮元素。以下是我的文件：
ERROR in ./src/js/components/presentational/Button1.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: Unexpected token (3:13)
1 | import React, { Component } from "react";
2 | class Button1 extends
浏览 0提问于2018-08-12得票数 3
1回答
所以我正在完成一门关于如何使用React和Redux创建可湿性粉剂块的课程，这门课程中有一章是关于如何为你的Webpack设置所有这些的。我的问题很简单，但我不知道哪里出错了。 当我在我的JSX控制台中犯了一个错误时，我必须在出错的地方记录一个带有行号的警告，而且它还必须与./src文件夹中的文件相关，而不是与./dist文件夹中的文件相关。 以下是我的文件: index.js、index.html、MyComponent.js、package.json和webpack.config.js： index.html <!DOCTYPE html>
<html lang=
浏览 24提问于2021-01-27得票数 0
使用巴别塔和Webpack，我生成了许多ES6类，我想在我的超文本标记语言中调用它们。问题是，当我试图在HTML源代码中使用这些类时，我最终得到了标识符未定义的错误。如何从外部访问Babel+Webpack生成的类、变量等？
浏览 7提问于2019-07-19得票数 0
我使用了巴别塔的多层填充在webpack内部转译代码。我很惊讶IE 11显示这样的错误：IE 11 Object doesn't support property or method 'prepend'不是pollyfill应该添加这个函数吗？我知道有一些重复，我只是不知道如何配置webpack。我尝试了几种方法，但我不得不手动添加prepend函数，这样IE就会找到它。 与babel相关的包： "devDependencies": {
"@babel/core": "^7.2.2",
"@babel/p
浏览 16提问于2019-03-19得票数 1
回答已采纳
1回答
在webpack 4中，像React或Antd这样的外部模块可以在没有巴别塔的情况下摇动(摇树)吗？
React结构示例: node_modules->react文件夹包括/cjs和/umd目录。
设置：
项目：
配置
Typescript-加载器(可选)
src文件将被抖动，所有包括node_modules如antd或react not。
问候Richie
浏览 1提问于2018-09-10得票数 1
我有一个React项目，其中我使用了巴别塔和Webpack。
在其中一个文件中，我有以下require语句：
var merge = require('react/lib/merge');
然而，我得到了这个错误：
ERROR in ./app/stores/CountryStore.js
Module not found: Error: Cannot resolve module 'react/lib/merge'
有没有其他需要组件的方法？
浏览 0提问于2016-04-20得票数 1
我希望在我的离子项目中使用Facebook静态分析器流。我对不同的包管理器是新手，因为Ionic使用了Webpack。我看到的Flow的每个教程都表明要配置Babel来使用它，但似乎Ionic并没有使用Babel。在Ionic 3和Babel上配置流程有问题吗？
我找到的Typescript的所有参考文献都使用巴别塔或Webpack，这就是为什么我不确定这两种语言是否可以一起使用。
浏览 16提问于2018-03-02得票数 0
回答已采纳
我已经获得了现有的React项目，并且我应该继续使用它。我以前从未使用过React。我需要在项目中使用web worker -有一个项目符合我的需求：
建议用户将此添加到其webpack.config.js中
module: {
rules: [
{
test: /\.worker\.js$/,
use: { loader: 'worker-loader' }
}
]
}
然后像这样使用worker：
import Worker from './file.worker.js';
c
浏览 4提问于2018-02-04得票数 2
回答已采纳
1回答
在projectTest中，我使用命令npm link foobar链接了foobar。如果您不知道，npm link标志将创建一个指向全局变量的符号链接(您可以在此处阅读更多信息：)
这个包恰好是一个Reactjs项目，用ES2015，Webpack，巴别塔等写的；我确实从‘projectTest’导入了{x}，没有任何问题等。
如前所述，node_modules中存在的包foobar有一个指向其开发目录的链接，但是由于某些原因，当我尝试导入：
import { myFn } from 'foobar'
控制台中会抛出以下错误：
/foobar/lib/index.js:3
浏览 0提问于2017-02-27得票数 9
我已经用npx create-react-app命令创建了一个新项目，这个命令是自动为我安装和配置巴别塔和webpack还是我必须手动安装和配置。我已经阅读了关于此链接的说明。我认为它所说的我不需要配置巴别塔或webpack，如果你以一种初学者友好的方式解释的话，npm run build命令为me.It做的一切都会非常有用。感谢您的回答。
浏览 1提问于2021-10-28得票数 2
我现在正在尝试让“webpack 2”和“巴别塔和react”一起工作。
这是我的webpack.config.js：
'use strict';
module.exports = [
{
entry: './src/client/app/private.jsx',
output: {
path: './',
filename: './src/client/private/bundle.js'
},
resolve: {
extensions: ['
浏览 8提问于2017-01-04得票数 0
操作系统: Windows 10专业版
webpack: 1.14.0
所以，我收到了上面提到的错误，代码如下，async是问题所在：
import { applyAfterware, applyMiddleware } from 'redux';
async applyMiddleware(req, next) {
....
},
完整的错误消息是：
Module parse failed: C:\Users\d0475\Documents\Projects\learn-redux-graphql\node_modules\babel-loader\lib\
浏览 0提问于2017-05-22得票数 4
如果create- React -app自动添加，为什么需要用Webpack和巴别塔从头开始创建一个react应用？我是个新手，有人能帮我理解一下吗？
浏览 10提问于2020-07-22得票数 0
回答已采纳
我想用'@babel/preset-react on VScode扩展API‘编译JSX文件。在这样做的时候，我遇到了一个错误，就像下面这样。我已经尝试了几种安装方法，但仍然无法获得任何结果。它适用于基本节点应用程序，但不适用于VScode扩展应用程序接口。 Error: Cannot find module '@babel/preset-react'
at webpackEmptyContext (c:\Users\PC\Desktop\type-svg\jsx-svg\dist\extension.js:56404:10)
at resolveSt
浏览 117提问于2021-04-30得票数 0
回答已采纳
我正在尝试从C#内部的react文件中获取HTML输出。我尝试过使用这个示例。它与基本react组件一起工作得很好，但在存在导入/导出时无法进行编译，在我的例子中，导入/导出非常重要。在github上的一些问题中，他们说React.Net不支持这样的声明。有没有其他方法或工具来实现这一点？我们在构建文件时使用的是webpack/巴别塔。
下面是我的原始js文件：
import React from "react";
import { NoRecords } from "ui/Bootstrap";
export class NotesList extends
浏览 0提问于2018-04-19得票数 1
我安装了带npm的bootstrap 4。我目前正在使用react库。我正在为es2015和react布线巴别塔。也是用的是webpack。在控制台上，我收到了来自文件transition.js的关于jQuery的以下错误：
Uncaught ReferenceError: jQuery is not defined transition.js
下面是webpack的配置：
const webpack = require('webpack');
const path = require('path');
cons
浏览 3提问于2016-03-01得票数 0
我正在使用intellij 2017
出于一致性原因，我希望在从某些模块导入默认导出时使用命名导入
import { default as React } from 'react'
我得到了以下分析错误：
虽然我认为这是无关紧要的，就像小细节一样，我使用的是带有预设的'react'，'es2015'，'stage-0‘的webpack +巴别塔加载器。
浏览 5提问于2017-08-11得票数 0
1回答
我使用的是Webpack，我想要设置Babel的"useBuiltIns“选项，以便在我的JS文件中为"promises”启用pollyfills。
我找不到一个完整的工作示例，我所有的尝试都以错误告终。
这是我的package.json try：
{
"name": "test",
"version": "1.0.0",
"description": "",
"main": "index.js",
"dependencie
浏览 11提问于2020-06-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
