不使用Webpack导入React组件
是指在React开发中，不使用Webpack这一常用的构建工具来导入React组件。下面是完善且全面的答案：
概念： React是一个用于构建用户界面的JavaScript库，它使用组件化的方式进行开发。而Webpack是一个常用的模块打包工具，用于解决在开发过程中模块依赖、代码转换、压缩等问题。在使用React时，Webpack通常被用来打包并导入React组件。
分类： 在不使用Webpack导入React组件的情况下，可以选择以下两种方式进行组件的导入：
- 使用CDN链接：直接在HTML文件中通过CDN链接引入React库和所需的组件库，然后通过script标签来导入React组件。
- 使用模块加载器：在不使用Webpack的情况下，也可以使用其他模块加载器（如RequireJS）来导入React组件。
优势：
- 简单快速：不使用Webpack导入React组件可以减少开发环境的配置复杂性，快速开始React开发。
- 不依赖构建工具：适用于小型项目或快速原型开发，无需引入复杂的构建工具，降低学习和部署成本。
应用场景： 不使用Webpack导入React组件适用于以下情况：
- 小型项目或个人项目：对于规模较小的项目或个人开发者而言，使用Webpack可能会过于繁琐，直接在HTML中通过CDN链接导入React组件更加便捷。
- 原型开发：在进行原型开发时，为了快速验证想法和概念，可以选择不使用Webpack导入React组件，以加快开发速度。
推荐的腾讯云相关产品： 腾讯云提供了多种与云计算相关的产品，以下是一些推荐的产品和其简介：
- 腾讯云对象存储（COS）：腾讯云对象存储（COS）是一种安全、持久、可靠、低成本的云存储服务。通过COS，您可以在全球范围内随时上传、下载和管理数据。了解更多：腾讯云COS
- 云服务器（CVM）：腾讯云服务器（CVM）提供安全、可靠、弹性和高性能的云端计算服务，适用于各种应用场景。了解更多：腾讯云CVM
- 云数据库 MySQL 版（TencentDB for MySQL）：腾讯云数据库 MySQL 版（TencentDB for MySQL）是一种高性能、可扩展的云数据库服务，适用于各种在线应用场景。了解更多：腾讯云TencentDB for MySQL
需要注意的是，以上产品仅为示例，并非直接与不使用Webpack导入React组件相关。在实际开发中，腾讯云还提供了更多与云计算相关的产品和解决方案，根据具体需求进行选择。
名词词汇： 在云计算和IT互联网领域中，还涉及到众多名词和词汇。以下是一些常见的名词词汇：
- 云原生（Cloud Native）：云原生是一种设计和构建应用程序的方法论，强调将应用程序拆分为小型、可独立部署的服务，并以容器化的方式进行部署和管理。
- 网络通信（Network Communication）：网络通信是指在计算机网络中，通过使用网络协议进行数据传输和交换的过程。
- 网络安全（Network Security）：网络安全是指保护计算机网络及其使用的数据不受未经授权的访问、使用、泄露、破坏和干扰的各种威胁。
- 音视频（Audio and Video）：音视频是指涉及到声音和图像的媒体内容，如音频文件、视频文件等。
- 多媒体处理（Multimedia Processing）：多媒体处理是指对多媒体数据（如图像、音频、视频等）进行采集、编码、解码、编辑、压缩等一系列操作和处理。
- 人工智能（Artificial Intelligence，AI）：人工智能是一种模拟、延伸和扩展人类智能的科学与工程，涉及到机器学习、自然语言处理、计算机视觉等领域。
- 物联网（Internet of Things，IoT）：物联网是指通过互联网连接和交互的各种智能设备、传感器、机器等，实现信息的感知、交流和共享。
- 移动开发（Mobile Development）：移动开发是指针对移动设备（如智能手机、平板电脑等）进行应用程序开发的过程，涉及到移动应用的设计、编码、测试等。
- 存储（Storage）：存储是指在计算机系统中用于保存和读取数据的设备或介质，如硬盘、闪存等。
- 区块链（Blockchain）：区块链是一种分布式账本技术，通过去中心化的方式确保数据的安全性和不可篡改性，被广泛应用于加密货币等领域。
- 元宇宙（Metaverse）：元宇宙是指一个虚拟的、可拓展的、与现实世界相连的数字空间，用户可以在其中进行交互、创造、共享等活动。
需要注意的是，以上名词词汇只是云计算和IT互联网领域中的一小部分，实际上还有很多其他名词和词汇。了解这些名词和词汇有助于深入理解和应用相关技术和概念。
请注意，由于限制，我无法提供完整的腾讯云产品介绍链接地址，建议您直接访问腾讯云官方网站以获取更详细和最新的信息。
相关·内容
2回答
我试图建立与反应路由器和webpack.require.ensure函数加载模块，但方法不呈现组件。
在我的示例中，Button组件默认呈现(在主页上)。当我单击按钮时，路由器将我重定向到/admin url，我可以在我的web控制台中看到require.ensure加载了新的块，但是Label组件没有呈现。
index.jsx
import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import {Router, Route, useRouterHistory, bro
浏览 1提问于2016-10-31得票数 4
回答已采纳
我用CRA创建了一个UI库。图书馆在国家预防机制上出版。库中的组件使用SVG，我使用SVG的语法为
import {ReactCompoent as Icon} from 'assets / icon'
我想使用内部的库，我用Reactive17.0.2和webpack 5创建的主应用程序。我将加载器添加到Webpack，我可以在主应用程序中使用svg作为组件，如-
import CalendarIcon from './Calendar.svg'
而且起作用了。
安装库并导入使用SVG作为ReactComponent的组件之后：
import {BadgeBo
浏览 21提问于2022-04-11得票数 2
我是新的反应，只是升级从React v15到React v16。每当我试图导入版本升级之前创建的JSX类时，我都会得到一个错误Uncaught :无法读取未定义的属性'object‘，并且不能呈现内容。
我已经经历了许多问题，但没有找到解决问题的办法。以下是我的代码：
App.js
import React from 'react';
import ManageUser from './admin/ManageUser/ManageUser'
import {render} from 'react-dom';
render(<Ma
浏览 0提问于2018-07-13得票数 0
1回答
好的，伙计们，我试着在Nextjs上使用传单地图，但是我得到了一个window is not defined错误
我在堆栈溢出上看到了一些关于这个问题的帖子，但是没有一个能解决我的问题。
地图组件
import { useState } from "react";
import { MapContainer, TileLayer, Marker, useMapEvents } from "react-leaflet";
import "leaflet/dist/leaflet.css";
import "leaflet-defaultic
浏览 22提问于2022-08-29得票数 3
3回答
我尝试用react和webpack来实现wow.js。
我通过npm安装它。
npm install --save wow.js
它安装得很完美。现在的问题是如何正确导入它。我不能让它继续发挥作用。
我尝试过几种方法：
第一：
import wow from 'wow.js';
但是webpack不能编译它。上面说找不到模块。即使我使用完整的url import wow from /node_modules/wow.js
第二：
我正在使用的这个解决方案
require('imports?this=>window!js/wow.js');
但是我仍然找不
浏览 7提问于2016-01-30得票数 10
回答已采纳
我想知道是否有一种方法可以全局提供React，而不是在每个组件中导入它
我尝试使用provider函数配置我的webpack.config.js，但似乎不起作用。
Webpack码
plugins: [
new webpack.ProvidePlugin({
'React': 'react'
})
],
这将是一个很好的建议，因为在每个组件中导入它会变得有点多余。
浏览 0提问于2020-11-19得票数 0
我正在尝试让一个css文件在我的react项目中工作。我一直在个人项目中使用create-react-app，但这个项目是从webpack创建的，所以我必须配置加载器之类的，我的理解是有限的。更糟糕的是，我继承了这个项目，所有样式都应用于每个组件上的样式对象，因此这里有多个复杂性。但不管怎样，css文件与组件的JS文件位于完全相同的文件夹中。我尝试将css样式表作为文件导入Home组件中，如下所示：
import from './home.css'
我得到的错误是...
Module build failed: SyntaxError: Unexpected token (10
浏览 4提问于2018-02-16得票数 1
主要的问题是，当代码分裂的反应-路由器4，然后webpack 2，我有几个模块在几个块，我无法到达主要的一个。
我的配置如下：
Webpack 2.2.1
反应-路线4.1.1
我在使用代码分割，就像在react路由器v4 中一样
基本上，我不使用导入，但在路由配置上:如下所示：
import loadHome from 'bundle-loader?lazy&name=home-chunk!./pages/market/Home';
[
{
path: url1,
component: props => <Bundle
浏览 1提问于2017-07-05得票数 3
回答已采纳
1回答
CRA和捆绑装载机
、、、、
我正试图在我的react-router应用程序中与一起使用create-react-app。
import loadSettings from 'bundle-loader?lazy!./Settings';
这一行得到了我的错误：
Line 5: Unexpected '!' in 'bundle-loader?lazy!./Settings'. Do not use import syntax to configure webpack loaders import/no-webpack-loader-syntax
我想这是因为一些es-
浏览 6提问于2017-05-22得票数 0
2回答
我已经通过npm安装了语义ui。它目前在node_modules中，并内置到/dist/中。看起来是这样的：
"devDependencies": {
"babel": "^6.5.2",
"babel-core": "^6.11.4",
"babel-loader": "^6.2.4",
"babel-preset-es2015": "^6.9.0",
"babel-preset-react":
浏览 1提问于2016-07-30得票数 1
回答已采纳
如何在Webpack中将office-ui-fabric指定为外部依赖项？
我正在导入依赖项，如下所示，在我的TypeScript项目(注意：，我只是导入我需要的模块)-
import { Dialog, DialogType, DialogFooter } from 'office-ui-fabric-react/lib/Dialog';
import { PrimaryButton, DefaultButton } from 'office-ui-fabric-react/lib/Button';
webpack.config.js中当前的外部配置，它适用于
浏览 0提问于2018-12-06得票数 4
回答已采纳
我使用的是React Bootstrap的Glyphicon组件，但是没有一个图标显示出来。到目前为止，我的代码如下：
Index.js
import React from 'react';
import ReactDOM from 'react-dom';
import Global from './components/Global';
ReactDOM.render(
<Global />,
document.getElementById('root')
);
Global.js
import
浏览 5提问于2017-05-12得票数 17
回答已采纳
我试图在“nextJS”路径中呈现一个简单的场景。
我不断地收到这个错误：
class constructors must be invoked with 'new'
Call Stack
renderWithHooks
node_modules\react-reconciler\cjs\react-reconciler.development.js (7363:0)
mountIndeterminateComponent
node_modules\react-reconciler\cjs\react-reconciler.development.js (12327:0)
be
浏览 4提问于2022-06-23得票数 1
回答已采纳
2回答
我现在正为此而大发雷霆。我有一个小的反应组件，我在这里做的，，用webpack来捆绑它。它适用于自包含的示例，但是一旦我尝试将它导入到另一个项目(如这里的 )，它就会失败。
Cannot call a class as a function
对我哪里出错有什么想法吗？
Webpack为主要组成部分。
var webpack = require('webpack');
// Options for Builds
var buildVar = process.argv.indexOf('-var') > -1;
var minify = process.ar
浏览 2提问于2016-08-18得票数 5
回答已采纳
1回答
我和webpack 5一起使用next.js，突然之间我的URL类导入不再起作用了。
运行npm run build会产生以下错误：
试图导入错误：“URL”不是从'URL‘(导入为'URL')导出的。
有关守则是：
import { URL } from "url";
import { useEffect, useState } from "react";
const Error404 = () => {
// Server side url class is undefined on client so choos
浏览 2提问于2021-04-28得票数 0
1回答
当我为UI部件使用react本质库时，我刚刚意识到我的样式表是14 my。Webpack也是用永远捆绑在一开始。
我只是用一个简单的react应用程序进行了测试，在这个应用程序中，我只导入了本质按钮。样式表似乎是7mb。看起来webpack进口的是所有东西，而不是零件。
我的webpack配置文件很简单：
var path = require('path');
var webpack = require('webpack');
var ExtractTextPlugin = require('extract-text-webpack-plugin'
浏览 1提问于2016-04-06得票数 1
回答已采纳
这是我的webpack.config文件
import webpack from 'webpack'
import path from 'path'
export default {
devtool: 'inline-source-map',
entry: [
path.resolve(__dirname, 'src/index.js')
],
target: 'web',
output: {
path: path.resolve(__dirname, 'src'),
p
浏览 1提问于2017-09-16得票数 1
我用的是react数据网格-插件和react。当我在安装这个程序后运行我的项目时，我会得到一个错误和其他一些在addons.js中的错误。
TypeError:无法读取未定义的属性“组件”
(function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
exports.SimpleRowsContainer = undefined;
var _react = __webpack_require__(2);
var _react2 = _inter
浏览 6提问于2017-11-06得票数 0
我正在使用babel和webpack来处理React和ES6。我想在不同的文件中构建几个组件，导入到一个文件中，并将它们与webpack捆绑在一起
假设我有几个这样的组件：
my-navbar.jsx
import React from 'react';
import Navbar from 'react-bootstrap/lib/Navbar';
export class MyNavbar extends React.Component {
render(){
return (
<Navbar className=
浏览 31提问于2015-11-27得票数 147
回答已采纳
1回答
我有以下webpack.config.js文件：
module.exports = {
entry: "./Scripts/src/index.tsx",
output: {
filename: "./wwwroot/Scripts/dist/bundle.js",
},
// Enable sourcemaps for debugging webpack's output.
devtool: "source-map",
resolve: {
// Add '.ts' and '.tsx'
浏览 1提问于2017-12-06得票数 0
我使用rails + webpack将一个bundle.js文件编译到rails资产管道中。我在/app/assets/images中放置了一个名为"main.png“的图像。如何在捆绑的React组件中访问此图像？
我正在使用shakacode的react on rails gem。
然后，我尝试使用webpack处理图像，它成功地处理了图像，并将图像放在bundle.js文件旁边。我在图像上还是得到了404。
我知道我已经很接近了，只是publicPath对于rails资产来说是错误的。这个当前的设置提供了一个本地主机:3000/webpack/main.png，它不能与rails
浏览 5提问于2016-09-10得票数 1
回答已采纳
我试图使用react可加载和动态导入将代码拆分为多个包。分裂过程工作得很好。然而，当我试图使用神奇评论webpackChunkName让Webpack定制包名时，它总是将我的包命名为0.bundle.js 1.bundle.js .
我在webpack.config.js中使用了webpack.config.js，并在.babelrc中显式地添加了"comments: true“
经过一整天的研究，我真的感到很沮丧。如果有人有线索的话我真的很感激。
这是我的配置
webpack.config.js
entry: [
'react-hot-loader/patch&#
浏览 1提问于2018-02-20得票数 3
回答已采纳
2回答
在构建时，我收到以下错误消息： ERROR in ./node_modules/my-components-lib/src/components/table/Table.js 11:4
Module parse failed: Unexpected token (11:4)
You may need an appropriate loader to handle this file type.
| }) =>
|
> <table> node_modules/my-compoenents-lib中的表格组件 import Reac
浏览 48提问于2019-12-06得票数 0
1回答
我是非常新的反应，并一直使用反应故事书，以建立组件，教我自己的反应UI。我也在尝试学习react引导，这是推荐的样板。
当我试图加载一个使用react引导的组件时，我得到了一个错误。
以下是错误：
Nav is not defined
ReferenceError: Nav is not defined
at eval (webpack:///./src/stories/index.js?:114:9)
at renderMain (webpack:///./~/@kadira/storybook/dist/client/preview/render.js?:108:17)
浏览 3提问于2017-02-01得票数 2
回答已采纳
Index.js：
import React from 'react';
import buttonsInstance from 'components/button-instance';
import {ReactDOM} from 'react-dom';
ReactDOM.render(buttonsInstance, document.getElementById('app'));
和button-instance.js
import React from 'react';
import {Button
浏览 4提问于2017-05-19得票数 5
回答已采纳
我正在设置一个非常简单的React / Webpack / Babel项目，遵循这个伟大的指南-- https://www.robinwieruch.de/minimal-react-webpack-babel-setup/ 我的index.js中有了这个，我已经离开了地面 import React from 'react';
import ReactDOM from 'react-dom';
const title = 'My Minimal React Webpack Babel Setup';
ReactDOM.render(
&
浏览 20提问于2019-05-08得票数 0
回答已采纳
我的react应用程序中有以下测试组件：
test2: function () {
return (
<div class="dropdown">
浏览 3提问于2017-11-20得票数 1
我有一个简单的组件，我试图在构建过程中使用webpack，所以我有如下所示
import React from 'react';
import { AppBar } from 'material-ui';
export default () => (
<AppBar
title="Octopus"
showMenuIconButton={ false }
iconElementRight={<SaveLoadAnimation/>}
/>
);
我正在使用外部AppBar组
浏览 0提问于2016-04-18得票数 3
(D:\wamp\www\branches\react_ht_server\SSR_TESTING\ssr_running_bkup\node_modules\history\umd\history.development.js:5:207) at BrowserRouter (D:\wamp\www\branches\react_ht_server\SSR_TESTING\ssr_running_bkup\node_modules\react-router-dom\umd\react-router-dom.development.js:83:36) at processChild (D：\w
浏览 27提问于2021-12-05得票数 1
我试图在ReactJS中将组件从一个文件导入到另一个文件。我在下面粘贴了我的代码，展示了我目前如何尝试将addUser组件导入App.js。控制台只显示正在触发的，而不显示addUser。我想这可能是webpack的问题，但我的package.json文件中有webpack。此外，代码会编译和运行，不会引发错误。
我的App.js文件中的代码：
import React, { Component } from 'react';
import '../styles/App.css';
import * as firebase from 'firebase&
浏览 0提问于2018-06-25得票数 1
回答已采纳
1回答
我正在做一个将React和Golang集成在一起的项目。我已经做了第一次尝试，一切都像预期的一样。但是现在我使用带有巴别塔加载程序的webpack来生成我的bundle.js，程序崩溃了，我不知道为什么。
当我在命令行界面中键入webpack时，他向我发送了以下错误：
Hash: 80aee336cd31d922b888
Version: webpack 4.16.4
Time: 261ms
Built at: 2018-08-03 16:05:28
1 asset
Entrypoint main = ./bundle.js
[0] ./index.js 647 bytes {0} [bui
浏览 4提问于2018-08-03得票数 0
当我打开我的html文件时，我得到了下面的错误信息。
TypeError: undefined is not a function (near
'..._react2.default.createClass...')
(anonymous function)bundle.js 966
_webpack_require bundle.js 20
(anonymous function)bundle.js 73
_webpack_require bundle.js 20
(anonymous function)bundle.js 63
_webpack_require bundle
浏览 0提问于2017-12-14得票数 0
我们在我们的next.js 12应用程序中使用了react的上下文API。
我们想升级到next.js 13。
我们得到这个错误：
react__WEBPACK_IMPORTED_MODULE___.createContext不是一个函数
对于此代码：
import React from 'react'
const SiteContext = React.createContext()
export default SiteContext
我们现在应该做什么？我在网上找不到这个的资源。
另外，我们需要服务器上的上下文API，因为SEO很重要，我们不想在客户机上呈现。
浏览 7提问于2022-10-31得票数 1
我刚开始开玩笑和反应，我只是安装了所需的软件包，以使其运行。现在，我想向已经创建的React组件添加一些测试。我用的是Jest。在运行npm run test命令时，根据jest文档，它会引发以下错误：
D:\Users\rdmello\Documents\linqin_Updated12-2\trunk\WebReporting>npm
run
test
> react@1.0.0 test D:\Users\rdmello\Documents\linqin_Updated12-
2\trunk\WebReporting
> jest
FAIL S
浏览 7提问于2021-12-15得票数 0
回答已采纳
1回答
重组和代码拆分
、、、
我刚刚开始将recompose集成到一个大型the应用程序中，并且想知道是否有方法可以使用recompose (在后台是webpack)来优化捆绑包大小(IE实现代码拆分)？
我目前使用recompose的用例很简单--一个“isAuthorised？”HOC，确保用户已登录。我的大多数路线都通过这个单一的点对点。
我希望能够基于路由进行代码拆分，但不确定如何做到这一点，因为每个路由都是通过isAuthorised HOC增强的。
使用react，redux，react-router，recompose，webpack 2
浏览 1提问于2017-03-29得票数 0
我正在尝试构建react共享ui组件库，并将其作为依赖项添加到另一个react项目中(使用create-react-app创建)。然而，当我尝试导入Button组件时，我得到了一个错误。阅读类似的问题，它看起来与我导入或导出的方式有关，但还不能解决它。 使用共享组件的应用程序出错： Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to
浏览 14提问于2019-06-25得票数 0
我正在尝试学习如何使用React，并且正在尝试构建一个todo应用程序。现在，我的index.js文件是这样的：
var React = require('react');
var ReactDom = require('react-dom');
//create component
var TodoComponent = React.createClass({
render: function(){
return(
<h1>Hello!</h1>
);
}
});
浏览 0提问于2018-02-24得票数 0
1回答
手册中关于反应和Webpack的一个例子让我感到困惑。
在Note.jsx中
import React from 'react';
export default () => <div>Learn Webpack</div>;
这在许多方面偏离了使用JSX声明React组件的标准方法：
import React from 'react';
class Note extends React.Component {
render() {
return <div>Learn Webpack</div>;
浏览 2提问于2016-01-21得票数 3
回答已采纳
我今天刚升级到Webpack 2.2，一直在阅读他们的指南，这似乎还在进行中。
我很难设置我的应用程序使用webpack开发服务器与热模块重新加载.
我通过webpack文档所遵循的指南就在这里，但是我必须修改它才能使用开发/生产应用程序。
我得到的两个错误如下..。
Uncaught Error: _registerComponent(...): Target container is not a DOM element.
at invariant (eval at <anonymous> (index.js:2), <anonymous>:44:15)
浏览 4提问于2017-01-18得票数 6
回答已采纳
我想把反应项目链接到蟒蛇瓶上，所以我用了webpack。
但是，webpack犯了以下错误：
./web/app.js中的错误
找不到模块:错误:无法解析‘/容器’
我不知道路径中是否有错误，或者语法是错误的。
我该如何解决这个问题？
该项目的结构如下：
templete
|--- index.html
static
web
|--- app.js
|--- containers
|--- First.js
|---Second.js
app.py
package.json
webpack.config.js
requirements.txt
webpack.config.js
浏览 5提问于2020-03-03得票数 0
我和Webpack 2和Bootstrap 4一起工作。我只想使用整个包中的一个Modal组件。
有可能吗？我试图从js/dist/modal导入它，但有一个例外：无法在引导中解析导出
目前，我提供了类似于供应商依赖的引导程序，但是我的供应商文件太大了(350 kb)。我只想捆绑我正在使用的组件。
HEre是我的webpack.common.js
let process = require("process"),
path = require("path"),
webpack = require("webpack"),
h
浏览 3提问于2016-12-20得票数 5
我得到的错误是: bundle.js:1168警告: React.createElement:类型不应为空、未定义、布尔值或数字。它应该是字符串(对于DOM元素)或ReactClass (对于复合组件)。检查AddBillForm的render方法。
bundle.js:778未捕获不变冲突:元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件)，但got: object。检查AddBillForm的render方法。我用的是WEBPACK和ES6。请尝试使用datepicker material UI提供一个小提琴示例
//MyButton.jsx
var React = req
浏览 3提问于2016-05-27得票数 1
1回答
我最近开始使用vs代码。我使用的材料用户界面与反应和类型脚本。但是我无法使用alt(选项)+输入快捷方式导入material的组件。我使用的是mac，我使用的打字本版本是3.0.3。但是，我正在显式创建的react组件，那些我能够使用上述快捷方式导入的组件。下面是我正在使用的package.json：
{
"name": "portfolio",
"version": "1.0.0",
"description": "",
"main": "index.js&
浏览 0提问于2018-09-23得票数 4
回答已采纳
我是新的反应，我有一个问题的路由器。我已经尝试过几种解决方案，但没有什么结果。我想知道我是否做错了我的文件路由器或webpack-配置，如果有人可以帮助我，我会非常感谢。
错误：
我相信，如果我解决了第一个错误，其余的将自我纠正。因为我是新手，所以我不能肯定这一点。这是我的密码。
routes.jsx：
import React from 'react';
import { BrowserRouter as Router , Route, Switch } from 'react-router-dom';
import createHistory from &
浏览 0提问于2018-11-29得票数 0
回答已采纳
我的应用程序还没有开始。请帮帮我。这是图书馆的问题吗？
编辑1:在进行呈现时另一个错误
错误:在app.json中验证字段的问题。请参见·不应具有其他属性“nodeModulesPath”。
app.json文件：
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
浏览 7提问于2021-05-18得票数 0
回答已采纳
2回答
当我试图导入css文件时，它显示了加载程序丢失的错误。所以我已经安装了css-加载程序和样式加载程序包。如果我将这些包添加到webpack.config.js中，就会得到以下错误。我不知道怎么解决这个问题。
ERROR in ./node_modules/css-loader!./src/index.js
Module build failed: Unknown word (1:1)
> 1 | import React from 'react';
| ^
2 | import ReactDOM from 'react-dom';
3 |
浏览 0提问于2018-03-22得票数 3
回答已采纳
Semantic-UI-React发出调试日志：
但我在浏览器中看不到它们。我使用的是semantic-ui-react 0.76.0。在我本地的语义-ui-react的npm版本中，调试行似乎被去掉了。有没有我需要的调试版本？或者我需要设置一些webpack的配置？
浏览 0提问于2018-01-15得票数 0
2回答
我正在设置一个新的开发环境(从Windows 7迁移到Lubuntu)，现在我正在尝试第一次在上面设置一个React应用程序。嗯，第二。create-react-app工作过，但我喜欢手工做事。我终于让webpack和webpack-dev-server工作了，但是当我转到localhost:8080时，React组件不会呈现，并且我得到了与无效元素类型相关的三个错误。
我读过，它通常是一个导入/导出问题，但在遵循所给出的建议之后，我一直未能找到它。我现在拥有的是：
index.js
const React = require('react');
// syntax made
浏览 9提问于2022-11-11得票数 0
1回答
我正在使用React@16.0.0和webpack@3.1.0构建一个仪表板模板，并试图通过动态导入生成块文件，但这些文件从未生成。:(我可以呈现导入和呈现的组件，但是文件似乎没有生成，组件也不是动态导入的。
我做了什么，
将“语法-动态-导入”和“动态-导入-webpack”设置为babel插件。
webpack产出中加入chunkFilename
我所期望的
基于路由的动态导入生成块文件
版本
“反应”："^16.0.0“
“反应”："^16.0.0“
“react路由器”："^4.2.0“
“反应性-路由器-多姆”：&#
浏览 4提问于2017-10-27得票数 3
我正试图在react组件文件中导入BrowserWindow。
import { BrowserWindow } from 'electron';
class SomeComponent extends React.Component {
...
}
export default SomeComponent
我使用Webpack和Babel来编译ES6代码。但是，当我添加导入语句时，webpack说
未找到模块:错误:无法解析'fs‘/root_path/project_name/node_ Module /electron
但是，我在根目录中使用了类似
浏览 2提问于2017-03-15得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
