webpack相关内容

Angular 2 应用程序中没有“Access-Control-Allow-Origin"标题

对于这个项目,我只是在学习和练习 Angular 2.我没有服务器端,正在向barchart on demand api . 我想知道是否可以绕过 cors 问题.我对这一切还很陌生,所以非常感谢婴儿步骤说明!我正在使用 http://localhost:8080. 错误信息:(api key 注释掉) XMLHttpRequest 无法加载 http://marketdata. ..
发布时间:2021-12-02 20:28:49 其他开发

Angular 2:将外部 js 文件导入到组件中

我要将这个 d3gauge.js 文件导入到我的 angular2 组件之一 memmon.component 中.ts 文件. import '../../../../js/d3gauge.js';导出类 MemMonComponent {createMemGauge() {新的 drawGauge(this.opt);//drawGauge() 是 d3gauge.js 中的一个函数}} ..
发布时间:2021-12-02 20:17:39 前端开发

使用 Webpack & 删除 console.logs丑化

我正在尝试使用 Webpack 的 Uglify 插件删除 console.logs 但似乎与 Webpack 捆绑在一起的 Uglify 插件没有该选项,文档中没有提到. 我正在像这样从 webpack 初始化 uglify: new webpack.optimize.UglifyJsPlugin() 我的理解是我可以使用独立的 Uglify lib 来获取所有选项,但我不知道是哪一个 ..
发布时间:2021-12-02 10:45:19 其他开发

如何存储配置文件并使用 React 读取它

我是 react.js 的新手我已经实现了一个组件,我在其中从服务器获取数据并使用它, CallEnterprise:function(TenantId){fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises){Enterpri ..
发布时间:2021-12-02 10:42:18 前端开发

如何让 webpack 开发服务器在端口 80 和 0.0.0.0 上运行以使其可公开访问?

我是整个 nodejs/reactjs 世界的新手,如果我的问题听起来很傻,我深表歉意.所以我在玩 reactabular.js. 每当我执行 npm start 时,它总是在 localhost:8080 上运行. 如何将其更改为在 0.0.0.0:8080 上运行以使其可公开访问?我一直在尝试阅读上述 repo 中的源代码,但未能找到执行此设置的文件. 另外,补充一点 - 如 ..
发布时间:2021-12-02 10:34:56 其他开发

我什么时候应该在导入中使用括号

我有两个文件,第一个是todoHelper.js 它有 export const addTodo = (list, item) =>[...列表,项目] 稍后我想在另一个文件中使用 addTodo,我只需执行 import {addTodo} from './todoHelpers' 但我也看到人们在进行默认导出,而不仅仅是导出.有什么区别? 解决方案 每个文件只能有一个 ..
发布时间:2021-12-02 10:33:35 前端开发

错误消息“错误:0308010C:数字信封例程:不支持"

我创建了默认的 IntelliJ IDEA React 项目并得到了这个: 错误:错误:0308010C:数字信封例程::不支持在新的哈希(节点:内部/加密/哈希:67:19)在 Object.createHash (node:crypto:130:10)在 module.exports (/Users/user/Programming Documents/WebServer/untitled/ ..
发布时间:2021-12-02 10:32:51 其他开发

如何在 React 组件中导入图像(.svg、.png)

我正在尝试在我的反应组件之一中导入图像文件.我用 web pack 设置了项目 这是我的组件代码 从'../../assets/linux_logo.jpg'导入钻石;导出类 ItemCols 扩展组件 {使成为(){返回 ( )}} 这是我的项目结构. 我已经按照 ..
发布时间:2021-12-02 10:31:46 前端开发

如何使用 React + ES6 + webpack 导入导出组件?

我正在使用 babel 和 webpack 玩 React 和 ES6.我想在不同的文件中构建多个组件,导入一个文件并将它们与 webpack 捆绑在一起 假设我有几个这样的组件: my-navbar.jsx 从'react'导入React;从“react-bootstrap/lib/Navbar"导入导航栏;导出类 MyNavbar 扩展 React.Component {使成为() ..
发布时间:2021-12-02 10:29:20 其他开发

firebase.auth 不是函数

我正在使用带有 firebase 和 firebase-admin 的 Webpack. 为了安装firebase,我跑了 npm install --save firebase 我正在使用, import * as firebase from 'firebase/app'导入'firebase/auth' 我也试过 import * as firebase from 'fireb ..
发布时间:2021-12-02 10:25:07 前端开发

ES6模块实现,如何加载一个json文件

我正在实施来自 https://github.com/moroshko/react-autosuggest 重要代码如下: import React, { Component } from 'react';从 'json!../suburbs.json' 导入郊区;函数getSuggestions(输入,回调){const 建议 = 郊区.filter(suburbObj =>suburb ..
发布时间:2021-12-02 10:18:48 前端开发

如何使用 webpack file-loader 加载图像文件

我正在使用 webpack 来管理 reactjs 项目.我想通过 webpack file-loader 在 javascript 中加载图像.下面是 webpack.config.js: const webpack = require('webpack');const path = require('path');const NpmInstallPlugin = require('npm-i ..
发布时间:2021-12-02 10:15:39 前端开发

动态添加图片 React Webpack

我一直在研究如何通过 React 和 Webpack 动态添加图像.我在 src/images 下有一个图像文件夹,在 src/components/index 下有一个组件.我正在使用带有以下 webpack 配置的 url-loader {测试:/\.(png|jpg|)$/,loader: 'url-loader?limit=200000'} 在组件内我知道我可以在创建组件之前为文件顶 ..
发布时间:2021-12-02 10:14:27 其他开发

当前未启用对实验性语法“classProperties"的支持

当我在 Django 项目中设置 React 时,我遇到了这个错误 ModuleBuildError in模块构建失败(来自 ./node_modules/babel-loader/lib/index.js):语法错误:C:\Users\1Sun\Cebula3\cebula_react\assets\js\index.js:支持对于实验语法“classProperties"当前未启用 (1 ..
发布时间:2021-12-02 10:10:23 其他开发

为什么我在导入客户端库时收到 ReferenceError: self is not defined?

试图在 Next.js 中创建一个 xterm 反应组件我被卡住了我无法克服以前从未收到过的错误消息. 我正在尝试导入一个名为 xterm 的 npm 客户端模块,但是如果我添加导入行,应用程序就会崩溃. import { Terminal } from 'xterm' 错误读取 Server Error... ReferenceError: self is not defined然后将 ..
发布时间:2021-12-02 10:01:16 其他开发

React.js 上 img 的正确路径

我的 React 项目中的图像有问题.事实上,我一直认为 src 属性的相对路径是建立在文件架构上的 这里是我的文件架构: 组件文件1.jsx文件2.jsx文件3.jsx容器图片js... 但是我意识到路径是建立在 url 上的.在我的一个组件(例如 file1.jsx)中,我有这个: localhost/details/2 ..
发布时间:2021-12-02 09:52:35 前端开发

babel-loader jsx 语法错误:意外的令牌

我是 React + Webpack 的初学者. 我在 hello world 网络应用中发现了一个奇怪的错误. 我在webpack中使用babel-loader来帮我把jsx转成js,但是babel好像看不懂jsx语法. 这是我的依赖项: "devDependencies": {"babel-core": "^6.0.14","babel-loader": "^6.0.0", ..
发布时间:2021-12-02 09:51:13 前端开发

使用 webpack 从目录中动态导入图像

这是我目前通过 ES6 在 webpack 中导入图像和图标的工作流程: 从'./images/cat1.jpg'导入猫从 './images/cat2.svg' 导入 cat2从'./images/doggy.png'导入小狗从'./images/turtle.png'导入海龟 这很快就会变得一团糟.这是我想要的: import * from './im ..
发布时间:2021-12-02 09:49:22 其他开发

src 目录之外的 create-react-app 导入限制

我正在使用 create-react-app.我试图从我的 src/components 内的文件中调用我的公共文件夹中的图像.我收到此错误消息. ./src/components/website_index.js 未找到模块:您试图导入 ../../public/images/logo/WC-BlackonWhite.jpg 落下在项目 src/目录之外.外的相对进口不支持 src/.您可 ..
发布时间:2021-12-02 09:44:49 前端开发