Chrome Dev Tools上的Webpack和Babel配置问题
Webpack和Babel是两个在前端开发中非常常用的工具。Webpack是一个现代JavaScript应用程序的模块打包器，用于将各种资源（例如JavaScript文件、CSS文件、图片等）打包成静态资源。Babel是一个JavaScript编译器，它可以将新版本的JavaScript代码转换为向后兼容的版本，以便在旧版浏览器中运行。
配置Webpack和Babel可以帮助我们在开发过程中更好地管理和优化代码。在Chrome Dev Tools上配置Webpack和Babel涉及以下几个步骤：
- 安装和配置Webpack：首先，你需要在项目中安装Webpack。可以使用npm或者yarn来进行安装，并在项目的根目录下创建一个Webpack配置文件（通常是webpack.config.js）。Webpack配置文件中包含了一些配置项，如入口文件、输出路径、加载器(loader)和插件(plugins)等。加载器用于处理各种资源文件，而插件则用于执行额外的任务，例如代码压缩、提取公共代码等。你可以根据项目的需求自定义Webpack配置，也可以使用一些现成的配置模板。
- 安装和配置Babel：接下来，你需要安装和配置Babel。可以使用npm或者yarn来安装Babel，以及相应的Babel插件和预设。Babel插件用于处理特定的语法或功能，而预设则是一组插件的组合，用于处理特定的编译需求（如转换ES6语法、React JSX语法等）。在项目的根目录下，你需要创建一个Babel配置文件（通常是.babelrc），并在配置文件中指定所需的插件和预设。
- 使用Chrome Dev Tools调试Webpack和Babel配置问题：在Chrome浏览器中打开开发者工具，切换到“Sources”选项卡。通过“Filesystem”选项，你可以将本地的项目文件映射到浏览器中，以便在开发者工具中进行调试。然后，你可以在“Sources”选项卡中找到和编辑Webpack和Babel的配置文件，以检查配置是否正确并进行调试。
总结起来，配置Webpack和Babel是前端开发中的重要环节，可以通过Chrome Dev Tools进行调试和优化。在配置过程中，需要安装和配置相应的工具，并根据项目需求进行自定义。正确配置Webpack和Babel可以提高代码的可维护性和性能，并为项目提供更好的开发体验。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云Webpack产品介绍：https://cloud.tencent.com/product/webpack
- 腾讯云云开发产品介绍：https://cloud.tencent.com/product/tcb
- 腾讯云Serverless产品介绍：https://cloud.tencent.com/product/scf
- 腾讯云对象存储（COS）产品介绍：https://cloud.tencent.com/product/cos
- 腾讯云区块链（TBaaS）产品介绍：https://cloud.tencent.com/product/tbaas
相关·内容
1回答
我有以下babel.config.js (不是.rc)文件：
module.exports = function (api) {
api.cache(true);
return {
"presets": [
"@babel/preset-react",
[
"@babel/preset-env",
{
"useBuiltIns": "e
浏览 4提问于2022-09-23得票数 1
回答已采纳
1回答
问题：
在用chrome工具编辑CSS时，我试图使用chrome工作区/源代码映射来更新我的sass部分。Chrome正在从我在webpack中安装的源代码地图中检测到我的sass部分，但给出的错误是“对这个文件的更改没有保存到文件系统中”。当我试图在chrome dev tools中保存“源”选项卡中的更改时。
此外，在chrome dev tools的styles选项卡中，尽管chrome知道哪些属性连接到哪个sass部分，但更改样式并不会更新sources选项卡中的部分文件。
Chrome没有将我的浏览器中的更改传递给我的本地文件，尽管sass部分显示为chrome dev工具中映射的源
浏览 0提问于2019-11-16得票数 0
回答已采纳
1回答
我是webpack的新手，我似乎无法配置它来生成源地图。这是我的webpack.config.js文件：
var webpack = require("webpack");
var path = require("path");
module.exports = {
devTool: "#source-map",
debug: true,
entry: ['webpack-dev-server/client?http://127.0.0.1:8080/',
'webpack/hot
浏览 4提问于2017-01-15得票数 1
回答已采纳
我一直在尝试设置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
尝试运行我的项目并为.eot、.woff、.ttf和.svg文件获取以下错误(.svg)：
ERROR in ./src/styles/fonts/nm/icons/nm-icons.svg?aaf8685e87a6901c76c52d0018389547
Module parse failed: C:\BaseProject\src\styles\fonts\nm\icons\nm-icons.svg?aaf8685e87a6901c76c52d0018389547 Unexpected t
oken (1:0)
You may need an appropriate loader to h
浏览 12提问于2016-10-06得票数 11
回答已采纳
我使用ncu升级了我的react/webpack应用程序，它将babelify更新到了7.2.0 (因此将babel更新到了6.0.0)。现在我得到以下错误：
ERROR in ./app/main.js Module build failed: ReferenceError: [BABEL] /home/ben/simple-webpack-react-starter/app/main.js: Unknown option: base.stage
我已经查看了一堆堆栈溢出帖子，发现了相同或类似的错误，并完成了所有建议。我被卡住了！请帮帮忙。以下是我认为的相关文件：
我的package.jso
浏览 0提问于2016-02-05得票数 2
我已经看到这个问题被问了很多，而且没有解决方案可以解决这个问题。我在我的react项目中使用了webpack，与webpack合并使用了一个dev+common的webpack js文件。 两个脚本(dev和build)都给了我the same error，“你可能需要一个合适的加载器”。这让我相信问题出在webpack.common.js上。 package.json {
"name": "erics-miniatures",
"version": "0.1.0",
"private": true,
浏览 22提问于2020-10-26得票数 0
1回答
挂在IC中的柏树7+
、、、、
在使用webpack-dev-server迁移到最新的Cypress版本(7.0.1、7.2.0、7.3.0)之后，在使用Cypress cypress/browsers:node14.16.0-chrome89-ff86停靠映像在IC (Jenkins)中运行React测试时，遇到了同样的问题，而一切都在本地正常工作(Windows 10)。这项工作取决于：
ℹ ｢wdm｣: wait until bundle finished: /__cypress/src/index.html
因为超时而在15分钟后停止之前。
这是启动测试的脚本：
cypress run-ct --browser ch
浏览 1提问于2021-05-18得票数 3
我正在开发一个使用babel版本5、webpack版本1和ava版本0.14.0的。
在运行npm run build-example时做了一些更新之后，我得到：
模块构建失败(来自./node_node/babel-加载程序/lib/index.js)：Error:找到多个配置文件。请删除一个：
package.json
路径\反应-明星。
更新后，我现在使用babel版本7.10、webpack版本4.43和ava版本3.10.1。以下是更新的package.json
{
"name": "react-rating-stars-comp
浏览 3提问于2020-07-12得票数 0
我有一个使用巴贝尔和Webpack的反应项目。最近我意识到，当我修改我的项目文件时，我的webpack不再是“热加载”了。(无论如何，这给我带来了一些麻烦)
我审计了我的npm依赖项，发现了60个漏洞，其中9个是高漏洞，2个是关键漏洞。我觉得应该处理好这件事。
现在，我试着安装似乎破坏了一些东西的包(使用npm审核)，但没有效果。即使在尝试安装另一个版本的React脚本之后，我仍然存在31个漏洞。
现在，如果我尝试启动我的应用程序，webpack不会编译“找不到模块'@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaini
浏览 5提问于2021-12-13得票数 1
回答已采纳
1回答
我正在尝试用我的docker实例来设置纱线工作区。这是我的目录结构：
/monorepo/
/node_modules/
@libs/common
@services/common
@services/project-A
...OTHER DEPS...
package.json
/services/
/common/
index.jsx
package.json
/project-A/
webpack.base.config.js
浏览 2提问于2020-03-04得票数 0
1回答
Webpack没能编译
、、、、
我刚刚开始学习反应，我正在和Webpack一起实施。
这是我的devDependencies package.json
"devDependencies": {
"babel-core": "^6.25.0",
"babel-loader": "^7.1.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"react-hot-load
浏览 2提问于2017-06-24得票数 1
回答已采纳
2回答
我正在尝试用新的babel 7来转换我的角形6项目(用打字本编写)，但是我不知道如何让依赖注入工作。
每次在chrome中启动项目时，都会引发以下错误：
Uncaught Error: Can't resolve all parameters for AppComponent: (?).
at syntaxError (compiler.js:1270)
at CompileMetadataResolver._getDependenciesMetadata (compiler.js:11171)
at CompileMetadataResolver._getTypeMetadata (
浏览 0提问于2018-10-22得票数 2
回答已采纳
这在SVG上是一个重复的问题，但可能我的情况不同，我无法理解我的问题的任何解决方案，那就是，获得以下错误
./src/Utility/assets/customer-delight-logo.svg模块构建失败(来自./node_ null /@svgr/webpack/lib/index.js)：TypeError:无法在解析(C:\Customer delight\customerdelight\node_modules\svg-parser\dist\svg-parser.umd.js:279:15)...... )读取null属性(读取'tagName')
我的pack
浏览 1提问于2022-07-19得票数 0
我使用启动了一个新项目，并尝试使用。我已经安装了jQuery UI插件与NPM使用npm install --save jquery-ui。据我所知，Webpack自动将我的Javascript打包到一个基于Webpack配置的bundles.js中，并包含在我的index.ejs页面中。但是，我得到了这个错误，它告诉我jQuery UI插件没有加载到页面中：
Uncaught TypeError: $(...).accordion is not a function
我怎样才能包括这个插件？下面我已经包含了我的代码-让我知道，如果有任何其他文件，你想看。
index.ejs:
<!DO
浏览 3提问于2016-08-05得票数 4
1回答
这是我第一次在babel上使用webpack，我的目标是使我的小模板应用程序与ie11兼容。
由于一些我忽略的原因，我的JS在ie11中根本不工作，即使我在配置中将它设置为目标。为了测试它，我在互联网上使用了一个ie11，但是我没有访问堆栈错误的权限，因为我在MacOS上。
我在这里错过了什么？
获得更多信息的源代码：
网址：
app.js
import regeneratorRuntime from "regenerator-runtime";
async function app() {
console.log('App entry point')
浏览 0提问于2021-02-17得票数 2
回答已采纳
我正在通过Youtube编写一个React教程，并匹配了他的webpack.config和package.json文件，但是在运行webpack-dev-server时我遇到了一个奇怪的错误
package.json
{
"name": "react-tutorials",
"version": "0.0.0",
"description": "",
"main": "webpack.config.js",
"dependencies
浏览 0提问于2018-07-02得票数 0
回答已采纳
我正在研究一个2020年的在线课程，老师用webpack在javascript中包含图片和CSS。然而，webpack似乎经历了2020年至2022年的更新。从v3到v4，根据。
似乎其他人也有同样的问题，问了同样的问题，我试过使用他们使用的解决方案，但我没有取得任何成功或进展。
我的目标是能够正确配置webpack.config.js文件，使用webpack-dev服务器，当我们使用babel和webpack对JS进行任何更改时，该服务器负责自动重新加载浏览器。
我的webpack.config.js文件的配置最初如下所示：
const path = require('path
浏览 10提问于2022-09-16得票数 0
回答已采纳
不知何故，当我运行以下命令时，似乎jsxhint正在分析由webpack编译的文件
webpack-dev-server --devtool eval --colors --progress --content-base ./build
我收到了这些警告
const '$__0' has already been declared. @ line <n> char <m>
应用程序中约30%的文件。
当我访问Sources Tab > webpack:// > . > relative-path-to-file时，它引用了与我的chr
浏览 0提问于2015-06-11得票数 0
从Webpack 1迁移到Webpack 2，尝试搭建项目时出错：
C:\..\node_modules\webpack\lib\webpack.js:19
throw new
WebpackOptionsValidationError(webpackOptionsValidationErrors);
^
WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration obj
浏览 219提问于2017-12-14得票数 0
我试图导入一个JSON文件，但是当我试图加载我的JSON文件时，webpack给了我一个错误。
./src/testData.json模块构建失败(来自./node_node/babel-加载程序/lib/index.js)中的错误: SyntaxError:预期的SyntaxError意外令牌；“(3:12)
我尝试过更改我的babel和webpack配置文件，但一直未能解决这个问题。
以下是我的配置文件: webpack.config.js
module.exports = {
entry: './src/index.js',
output: {
浏览 1提问于2019-04-26得票数 6
回答已采纳
我正在开发一个react应用程序，它提供了用户选择的国家的旅游景点的信息。
目前，我的应用程序使用<form>标记连接到服务器。
这是我的反应码：
class App extends React.Component{
submitForm = (e)=>{
}
render(){
return(
<div>
<section id="Search" onSubmit={this.submitForm}>
<form action="/publi
浏览 0提问于2018-08-09得票数 1
回答已采纳
1回答
我已经看到了几个像这样发布的问题，但到目前为止，这些解决方案都没有起到任何作用。我正在努力跟上反应的速度。我试着跟随我能在网上找到的每一个教程，包括一些非常简单、简单的教程。不管我尝试了什么，我总是得到一个意想不到的标记错误。
index.js：
import React from "react";
import ReactDOM from "react-dom";
const title = 'My React page';
ReactDOM.render(
<div>{title}</div>,
docum
浏览 0提问于2018-03-28得票数 0
回答已采纳
1回答
我已经为我的项目创建了一个webpack配置文件，它使用nodeJS、express、socket.io和React。我想知道，在我的例子中，插件不被定义的原因是什么？
ReferenceError: MiniCssExtractPlugin未定义ReferenceError: HtmlWebPackPlugin未定义
我的webpack配置文件如下：
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCs
浏览 0提问于2018-10-02得票数 4
回答已采纳
我已经在StackOverflow上经历了很多答案&关于GitHub问题，但是，我仍然困在Webpack的热门模块替换中。我正在使用npm start使用webpack-dev-server --hot --inline运行我的服务器。--我试图在React组件中更改代码，但是浏览器中什么也没有发生。
我正在Ubuntu14.04LTS上使用谷歌Chrome版本49.0.2623.87 (64位)。
在浏览器console中，我将日志消息作为
等待来自WDS的更新信号..。
启用热模块替换。
但是，没有热/活的再装填发生。当我更改文件中的代码时，不会显示任何内容。我正在跟踪本教
浏览 0提问于2016-03-25得票数 12
2回答
我有一个模板应用程序，我想让ie11工作，为此我使用webpack + babel。由于一些我忽略的原因，我的JS在ie11中根本不工作，即使我在配置中将它设置为目标。为了测试它，我在互联网上使用了一个ie11，但是我没有访问堆栈错误的权限，因为我在MacOS上。
我在这里错过了什么？
获得更多信息的源代码：
网址：
app.js
import regeneratorRuntime from "regenerator-runtime";
async function app() {
console.log('App entry point')
con
浏览 4提问于2021-02-20得票数 2
回答已采纳
11回答
webpack中的无效配置对象
、、、、
我正在跟踪夏娃·波塞洛的。在视频“webpack楼”中，我按照作者所描述的步骤走，但webpack命令没有给出以下错误，
无效配置对象。Webpack已经使用一个与API模式不匹配的配置对象进行初始化。- configuration.output.path:提供的值"dist/assets“不是绝对路径！
下面是我的webpack.config.js和package.json文件。
webpack.config.js
var webpack = require("webpack");
module.exports = {
entry: "./src/ind
浏览 3提问于2017-03-27得票数 21
1回答
“webpack”一书
、、、
这是我第一次使用，我不知道为什么我的sass文件(.scss)没有加载。我花了整个下午的时间尝试和搜索，但我不明白我的代码有什么问题。
webpack.config.js
module.exports = {
entry: "./main.js",
output: {path: __dirname, filename: "bundle.js"},
module: {
loaders: [
{
test: /.jsx?$/,
loader: "babel-loader",
浏览 2提问于2016-03-08得票数 1
回答已采纳
这是我第一次和webpack 2.0一起使用bootstrap-sass。我是基于对它的使用，只做了一些小改动。
我已经配置了以下包：
"dependencies": {
"babel-core": "^6.23.1",
"babel-loader": "^6.3.2",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-decorators-legac
浏览 7提问于2017-03-21得票数 1
1回答
我用点燃元素创建了自定义的web组件，它与Chrome、Firefox、Eadge、Opera都很好地工作，但只在IE11中不工作。我还试图将它编译成es5，但仍然没有成功。
IE控制台中的错误：
Webpack规则：
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader',
options: {
plugins: ['@babel/pl
浏览 1提问于2019-10-04得票数 0
3回答
当我运行"webpack-dev-server --config webpack.dev.js“脚本时，我得到以下错误：
错误:由于所选环境没有默认的脚本块格式可用:当“document”或“importScripts”可用时，可以选择JSONP数组推送。当“需要”或节点内置可用时，可以选择CommonJs导出。确保您的“浏览器列表”只包括支持这些功能的平台，或者选择适当的“目标”，以便默认情况下选择块格式。或者直接指定'output.chunkFormat‘。
这个错误是什么？以下是我的项目目录中的文件：
index.html
<html lang="en&
浏览 3提问于2021-10-05得票数 11
我正在开发一个与webpack本地反应应用程序，没有问题，运行它的开发服务器模式。我还成功地在本地构建了该应用程序，并在本地服务器上运行，没有任何问题。所有内部职能运作良好。
然而，当部署到heroku上时，构建似乎无法找到firebase配置。这是通过dotenv文件来区分测试和开发变量。我似乎找不到这样做的原因，因为我试图在dev-server模式和本地构建中打印出这些变量，它们都打印出了正确的值。
package.json
{
"name": "direct-compete",
"version": "1.0.0&#
浏览 2提问于2018-10-31得票数 1
回答已采纳
2回答
利用webpack，我正在创建一个图书馆分机。问题是库应该从某个服务器加载。
扩展状态的主要类有：
class MyExtension extends Autodesk.Viewing.Extension {
// ...
}
HTML代码：
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/6.*/viewer3D.min.js"></script>
<script src="lib/extension.js"></
浏览 2提问于2018-09-10得票数 0
回答已采纳
我无法从同一网络中的另一台计算机访问在开发环境中运行的react应用程序。这里的设置有什么问题？我应该在哪里指定呢？在我的本地主机上，它运行在端口3000上，我的机器的内部ip是10.0.1.3，所以当我在这个网络中的任何其他机器上尝试时，它就不能工作。这是我的package.json：
{
"name": "delivery",
"description": "delivery system",
"scripts": {
"start": "run-p star
浏览 1提问于2019-05-19得票数 1
我正在使用lynda "Reactjs基本训练“进行一个新的Reactjs项目。问题是，当我运行"npm“命令时，它成功地编译了我的项目，但是既没有创建”资产“目录，也没有创建"bundle.js”，为什么？
我使用了我修改过的"webpack.config.js“(与训练练习文件不同)作为不适合我的文件。以下是代码：
.babelrc
--------
{
"presets": ["@babel/preset-env","@babel/react"]
}
package.json
------------
{
浏览 0提问于2018-12-30得票数 0
回答已采纳
我正在使用Cloud9.io ubuntu VM Online IDE作为环境，通过对此错误进行故障排除，我已经简化为只使用Webpack开发服务器运行应用程序。
我用以下命令启动它：
webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT
我被指示在云9中部署应用程序时使用这些var，因为它们具有默认的IP和端口信息。
服务器启动并编译代码，没有问题，虽然它没有显示索引文件。
这是请求：
GET / HTTP/1.1
Host: store-client-nestroia1.c9users.i
浏览 228提问于2017-04-26得票数 229
回答已采纳
1回答
我是webpack的新手，我正在用webpack创建一个反作用应用程序。我在编译TypeError: $ is not a function时得到了这个错误。
我不使用jquery，但我的节点模块包括一些第三方库。
我只能找到一篇与这个问题相关的文章，但它与jquery有关。
我的webpack和babel配置有什么问题吗？
webpack.config.js
const path = require("path");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
con
浏览 2提问于2020-03-25得票数 9
因此，最近，我从Reactive15.4.2迁移到了16.0.0。以下是我在项目中的最新版本：
{
"jest":{
"verbose":true,
"automock":false,
"testRegex":"\\.test\\.js$",
"moduleNameMapper":{
"config":"<rootDir>/src/config/test.j
浏览 3提问于2017-10-04得票数 5
回答已采纳
我正在做一个项目，为了达到优化和清理的目的，我想把Webpack 2.7的配置更新到新的4.35版本。我从头开始重新构建我的配置，可以在所有浏览器(火狐、Chrome、Edge)上运行，但不能在IE11上运行。控制台中没有错误，为空白页面。
我使用的是SASS、SCSS、CSS、JS和Vue
我试着使用之前的配置，但我必须更新很多东西，最后我编译失败。我尽量不升级每个包，而只升级Webpack和为了兼容而需要升级的包。我也已经尝试过Vue-CLI，因为它是一个Vue项目，但是同样的问题。我需要重写每个预定义的配置才能为我的项目工作……
以前的package.json
{
"name
浏览 14提问于2019-07-12得票数 0
回答已采纳
2回答
我在这方面很新。我试图学习react/redux，代码中有一个错误。
错误出现在注释行上，正好是第一个点：
const userReducer = (state={}, actions) => {
if(actions.type == 'name')
{
state.name = actions.value;
}else if(actions.type == 'age')
{
state.age = actions.value;
}
//const newstate = {.
浏览 2提问于2016-08-20得票数 1
回答已采纳
1回答
我正在尝试将alt与React一起使用，并以ES6样式编写一个操作： import alt from '../alt';
class LoginActions {
login() {
alert('oi');
}
}
export default alt.createActions(LoginActions); 我的.babelrc使用的是类转换插件： // without options
{
"plugins": ["transform-class-properties"]
} 我的package.
浏览 28提问于2020-05-01得票数 0
回答已采纳
我正在学习React和JSX，并使用webpack进行编译，但是当我将'debugger‘添加到我的组件中时，当我进入Chrome Dev Tools的sources选项卡时，这行代码并不匹配(一般来说，源代码根本不会反映我的app.jsx文件中的内容)。React选项卡也没有真正加载。下面是我的webpack.config：
module.exports = {
context: __dirname,
entry: "./api_assignment.jsx",
output: {
path: "./",
filename:
浏览 0提问于2016-03-13得票数 6
我看了类似的，但找不到一个一致的答案，解决了我的问题。我找不到bundle.js文件，尽管我指定了应该输出它的位置，并且所有东西都在浏览器中工作。据我所知，webpack-dev服务器正在从内存中加载文件，并且没有任何东西写入磁盘，如何将文件生成并添加到配置文件中的output属性中指定的dir中？
这是我的package.json：
{
"name": "redux-simple-starter",
"version": "1.0.0",
"description": "S
浏览 7提问于2016-03-08得票数 7
回答已采纳
在react组件中导入.scss文件时发生了此问题。
package.json
"scripts": {
"dev": "source ./.env && nodemon server.js"
},
"devDependencies": {
"babel-core": "^6.26.0",
"babel-loader": "^7.1.4",
"babel-preset-env": "^1.6.1"
浏览 6提问于2018-03-30得票数 0
回答已采纳
我是新来的webpack。我正在制作一个react应用程序，它将从外部config.js文件中读取文本并将其显示在UI上。我正在尝试创建一个外部config.js文件，我不想将它捆绑在一起，但在运行时需要它。这是我的webpack.config.js：
const path = require('path');
const html_plugin = require("html-webpack-plugin");
module.exports = {
mode: 'development',
entry: './src/
浏览 12提问于2020-02-22得票数 0
我在Windows命令提示符中运行: npm
并得到：
JavaScript-ES6@1.0.0启动C：\Dans\Course\JavaScript-ES6 webpack-dev-server
דwds”：无效配置对象。Webpack已经使用一个与API模式不匹配的配置对象进行初始化。- configuration.module有一个未知的属性“装入器”。这些属性是有效的: object { exprContextCritical？、exprContextRecursive？、exprContextRegExp？、exprContextRequest？、noParse？、rule
浏览 1提问于2018-05-24得票数 0
回答已采纳
1回答
我的项目正在运行一个非常旧的React版本，我想把它拖到16中。我学习了有关如何启动和运行16的“最佳实践”教程，最后得到了这两个机器生成的文件: package.json
{
"name": "asset_iq",
"version": "1.0.0",
"description": "New application for the old dealer net",
"main": "bundle.js",
"directories&#
浏览 0提问于2017-12-11得票数 0
我在源.js文件(通过源地图加载)中有一个断点，当我在源选项卡中使用chrome dev工具指向它时，它不会命中。有时，如果我单击格式按钮{}，我可以让它们被点击，但这是偶然的。
有什么想法吗？
"devDependencies": {
"autoprefixer-loader": "^3.1.0",
"babel-core": "^6.1.20",
"babel-loader": "^6.1.0",
"babel-preset-es201
浏览 0提问于2016-02-26得票数 12
1回答
更新：
我上传了一个示例项目到github：
在这个示例项目中，我有两个相同的index.js文件。一个在项目根下，另一个在/src下。
在npm install之后，运行以下命令webpack-dev-server --config webpack.dev.config.js。您应该看到这个错误：
ERROR in ./index.js
Module parse failed: /Users/cheng/Dev/debug-webpack/index.js Line 1: Unexpected token
You may need an appropriate loader to handl
浏览 0提问于2016-03-14得票数 2
回答已采纳
我一直收到这个错误，我尝试了几个解决方案，使用这个网站和github上的搜索，但我找不出它的问题所在。下面是我的package.json中的内容
"dependencies": {
"react": "^16.4.2",
"react-dom": "^16.4.2"
},
"devDependencies": {
"babel-core": "^6.26.3",
"babel-loader": "^7.1.5",
"ba
浏览 18提问于2018-08-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
