-
2 votes1 answers1374 views
ag-grid无法使用角度1.x正常工作
我正在尝试使用ag-grid进行我的一个项目工作，并尝试使用webpack和Angular 1.6进行配置 我已将其配置如下 模块 var agGrid = require('ag-grid'); agGrid.initialiseAgGridWithAngular1(angular); module.exports = angular.module('transModule', ['agGri... -
0 votes1 answers889 views
Syncfusion：如何仅从Syncfusion for Angular安装Grid组件
我正在使用一个Web应用程序，它使用Syncfusion网格来显示表格数据 . 我的应用程序是基于Webpack（而不是CLI） . 我已经关注了Syncfusion网站的Getting Started with Webpack指南，并将其整合到我的APP中 . 网格正如它应该出现的那样出现 . 问题是，当我编译代码时，bundle大小约为19MB，Syncfusion占用了大约13MB . 我想... -
0 votes0 answers551 views
摇晃的摩纳哥编辑器在角度cli应用程序
我愿意在我的角度应用程序中使用monaco-editor（vscode编辑器） . 我在他们的文档中注意到，使用社区webpack插件高效地加载这个项目的推荐方法是使用社区webpack插件：monaco-editor-webpack-plugin . 不幸的是，如果没有弹出角度webpack配置这是不可能的，这不是我想做的事情 . 我也注意到amd版本是2MB，这对于网络应用来说是巨大的 . 是... -
41 votes2 answers374 views
在webpack dev服务器中提供静态资产
我从项目的根文件夹运行webpack-dev-server . 我在/ src / assets中有一个由CopyWebPackPlugin复制的资源文件夹： new CopyWebpackPlugin([ { from: 'src/assets', to: 'assets' } ]) 如果我把logo.png放在assets文件夹中，那么运行webpack-dev-server后我无法访问ht... -
0 votes1 answers767 views
Webpack - 热重新加载在dev服务器上，但不在后端服务器上
试图让实时重新加载工作 . 基本上使用gearon-transform-boilerplate：https://github.com/gaearon/react-transform-boilerplate 当我去开发服务器localhost：3000，我得到实时重新加载 当我去我的后端服务器，并从开发服务器加载src数据，即： <script type="text/javascri... -
0 votes1 answers1852 views
在同一主机中运行多个webpack dev服务器
目前，我正在localhost端口3000上运行一个webpack dev服务器，用于一个UI项目 webpack-dashboard -- webpack-dev-server --config webpack.dev.js --inline --hot --watch --host 0.0.0.0 --port 3000 现在，当我想在localhost端口4000上为另一个UI项目运行另一... -
0 votes1 answers1487 views
Webpack dev服务器无法获取
我正在使用Webpack-4 . 当前的行为是，当webpack-dev-server运行时，/ build下的文件根本没有更新，它显示的是文件目录 . 如果我删除/ build下的文件，webpack-dev-server给出的不能得到/ . 我假设，它应该从内存中加载它们 . const HtmlWebPackPlugin = require("html-webpack-plugin... -
1 votes1 answers1736 views
Webpack和webpack dev服务器不提供静态文件
鉴于最新版本的webpack和webpack-dev-server of 4.6.0 和 3.1.3 ，过去我似乎已经不再这样做了 . 如果我检查我的chrome检查器（Ctrl Shift I） - > Sources 选项卡并查看 Network 选项卡和 localhost:8080 ，我只能看到两个条目： （索引） bundle.js 我应该在那里看到我想要服务的图像... -
9 votes4 answers611 views
解决“类型'Vue'上不存在属性”错误
我正在使用Typescript和Vuejs来构建一个应用程序 . 我有几个独立的组件（.vue）文件，我将其导入到Typescript（.ts）文件中 . 在Typescript文件中，我从npm Vue库导入Vue，然后创建一个新的Vue来显示我的组件 . 我看到的错误是： 'Vue'类型中不存在属性x 我的构建系统是带有tsc的Webpack . 为什么我会收到此错误，如何解决？ main... -
0 votes0 answers22 views
可以在vue / webpack中的绝对路径文件位置't resolve ' products.json'
我正在尝试将一些json数据从json文件导入到组件中 . 目标是导入json，然后将其分配给从父组件导出的props . 然后将props导入子组件，这将使用v-for以组件的模板格式呈现json数据 . 我是Vue的新手，这是我试图从中学习的一个示例产品 . 所以它已经为我设置了很多，目标是导入json数据 . json文件位于 /src/assets/products.json' . 在 ... -
0 votes1 answers1599 views
移动到另一台机器后，反应项目出错
我是新来的反应我在我的反应应用程序中使用带有babel加载器的webpack 我的项目运行正常，直到我更改了我的机器我已经复制了除 node_modules 之外的所有文件（用 npm install 安装） 当我试图运行或构建项目时，它正在给我错误，而这正是在旧机器正确运行 import React from 'react'; import ReactDOM from 'react-dom';... -
0 votes1 answers626 views
如何转换所有React ES6组件以进行服务器端渲染路由匹配
我一直在阅读很多关于React Server Side Rendering的文章和研究，使用Webpack，Express等常见设置 . 大多数人将React ES6用于组件，将babel-register放在express入口点的开头，以允许在客户端和服务器之间共享用ES6编写的React Routes . 其他人，运行宝贝节点来解决这个问题 . 不幸的是，不建议将babel-register或... -
18 votes4 answers1970 views
谷歌没有使用create-react-app在react应用程序中定义
我使用名为create-react-app的cli创建了一个react应用程序 . 看起来Facebook在下面做了很多事情，比如webpack等 . 但是，我想它可能也有一些局限性 . 我尝试按照this tutorial加载谷歌 Map API . 当我调试我的代码时，我可以看到谷歌 Map 已被成功引用 . . 但后来我点击播放，让应用程序运行完毕 . 我得到谷歌没有定义从webpackHo... -
3 votes1 answers446 views
Aurelia Webpack插件是如何工作的？
我最近花了几个小时在Webpack各种框架（如Vue）上进行测试，以便对它们进行一些测试 . 然后我开始研究Aurelia Webpack，但经过几个小时的搜索和配置调整，我无法理解发生了什么 . 这是我对webpack的理解： 它在 entry 对象中抓取一个或多个条目文件 它创建一个或多个包，在 output 对象中配置 Webpack正在处理条目文件中导入/需要的所有文件 W... -
1 votes1 answers1448 views
ReactDOM没有将React组件呈现为HTML
我一直在关注React指南，该指南通过在我的仓库中设置webpack和babel . 我创建了一个只会打印出“Hello World”的react元素，然后我使用ReactDOM.render方法将此元素添加到index.html文件中，但由于某种原因它没有被添加 . 这是我的Index.js文件： import React from 'react'; import ReactDOM from '... -
0 votes1 answers1560 views
React / Webpack - “模块解析失败：意外的令牌 - 您可能需要一个合适的加载器来处理这种文件类型 . ”
我正在尝试使用Webpack构建一个简单的React应用程序，但是在从Webpack dev服务器运行时，我收到以下错误： > ERROR in ./client/components/home.js Module parse failed: Unexpected > token (8:3) You may need an appropriate loader to handle th... -
1 votes0 answers1052 views
在使用Webpack进行转换后，在Node / Express上运行的React App无法呈现 .
我试图在使用Webpack进行转换后，在Node / Express上提供我的React应用程序 . 我已经使用了create-react-app，但是想学习从头开始构建，所以我很擅长使用Node / Express / Webpack . 经过各种教程之后，我很难在使用Webpack进行转换后尝试渲染React元素（仅提供HTML） . 我还运行以下命令来创建我的bundle.js文件并导航到l... -
0 votes0 answers1900 views
React js app上的404错误，找不到资源
该应用程序未呈现，我收到“无法加载资源：服务器响应状态为404（未找到）” 我已经在here中提到了答案，并尝试了向package.json添加脚本"start"："webpack --progress -p --config webpack.config.js --watch"的解决方案，但它不起作用 . 我的代码： C：/Users/user/works... -
0 votes2 answers745 views
如何在cPanel上部署react应用程序？
我创建了一个具有以下文件夹结构的react应用程序 -上市--dist--- bundle.js--- styles.css的--index.html 图片-服务器--server.js-src 组件--app.js-.babelrc-package.json-webpack.config.js 我想将它上传到cPanel . 那可能吗？我还需要上传node_modules /文件夹吗？ 这是... -
9 votes1 answers1366 views
如何在angular2组件中导入npm包？
我正在努力学习ng2的绳索，依赖注射系统正在扼杀我 . 我正在使用ng快速入门：https://github.com/angular/quickstart/blob/master/README.md 我正在尝试将此软件包导入应用程序：https://www.npmjs.com/package/arpad . 我通过npm update安装了包，我的package.json依赖项如下所示： &quo... -
6 votes2 answers37 views
angular-cli：使用环境变量的条件导入
有没有办法根据[email protected]中的环境变量有条件地更改导入？我试图以一种不需要在客户端代码中导入服务的代码更改的方式来实现它，但是在需要时我可以指定一个构建标志来交换模拟服务 . 我尝试使用this post模式： 文件结构：MyServiceMyServiceMock.tsMyServiceReal.tsindex.ts在index.ts中，您可以拥有以下内容... -
2 votes1 answers476 views
运行webpack工作但WebStorm报告错误
WebStorm在未触及的Angular 2 webpack boilerplate分支上报告错误，请参见下图 . 错误消息是文件lib/index.ts中 import {App} from './components/index'; 行中的应用程序，并且说 Corresponding file is not included in tsconfig.json . 但执行 webpack-de... -
3 votes1 answers919 views
IntelliJ Idea：自定义导入路径
我有基于angular2（typescript）webpack的项目，并在从2016.2到2016.3更新IDEA之后 . 我在typescript模块中遇到了导入路径的一些问题 . 为了避免这么长的进口： import * from "src/app/some-component"; 我已将“src / app”添加到webpack的resolve.root文件夹中，因此可... -
25 votes3 answers823 views
模块导入的意外值'MyCustomModule' 'AppModule'
我正在尝试将我的angular2自定义库之一迁移到RC.6 Webpack . 我的目录结构是： - src - source TS files - lib - transpiled JS files + definition files - dev - development app to test if it works / looks ok. - myCustomLib.js - barre... -
3 votes1 answers691 views
typescript无法解析导入中的非相对路径
我有这样的项目结构 |--src |--app.component |--index.ts |--home.component |--index.ts |--tsconfig.json |--webpack.config.js 我正在尝试在app.component-index.ts中执行以下操作... -
0 votes1 answers778 views
AppComponent app.component.ts是2个模块声明的一部分？但模块是服务器端和客户端模块？
我们有一个共享的const文件，用于导出out应用程序的所有组件，以及两个用于服务器端预呈现的独立应用程序模块，如下所示： 调试工作正常，但在发布时我们在这个webpack命令上得到这个错误： “node node_modules / webpack / bin / webpack.js --env.prod” “AppComponent类型中的错误app.component.ts是2个模块声明的... -
2 votes2 answers466 views
index.ts的Webpack依赖项以错误的顺序解析
我们在最近的项目中严重依赖 moduleResolution: 'node' . 我们生成了index.ts桶来简化import语句 . 但是，在使用webpack构建应用程序时，模块似乎以错误的顺序解决： 我有个档案 iconSet.ts export var IconSet = { Add: 'icon-add', Remove: 'icon-remove' } 第二个文件... -
2 votes1 answers1592 views
如何使用webpack将现有的Django应用程序与现有的反应应用程序连接起来
所以我有一个Django项目作为后端REST服务器，我想将它与现有的React项目集成，该项目对这个REST服务器进行AJAX调用 . 同样，这两个项目都已经存在，我只是想连接它们 . 假设我的Django项目的根目录是DJANGOROOT，那就是manage.py所在的位置 . 我的Django项目有几个Django应用程序，是项目的一部分 . 假设我的Django项目名为“mydjangopr... -
1 votes1 answers1687 views
TS2304：在Webpack / Angular 2中找不到名称'describe'
我已经广泛搜索过这个问题，我发现没有修复它 . 我正在尝试使用webpack来运行单个茉莉花测试 . 我试图按照Angular网站上的教程进行操作，但它确实不正确或完整 . 这是我到目前为止所尝试的： 已安装的Jasmine类型，它们存在于我的node_modules / @ types / jasmine中 已将 "types": ["jasmine&quo... -
3 votes0 answers1758 views
使用Angular 2的微应用程序
我正在寻找一种架构解决方案，它将帮助我们开发不依赖的不同项目（在开发模式或 生产环境 中） . 我们有4个不同的独立项目，所有这些项目都是SPA Monolith应用程序的一部分，但我们的发布时间不同 . 目前，每个团队都构建他们的Angular 2模块并将其发布到NPM（打字稿） . Shell（业务流程项目）使用所有应用程序，将它们编译为Javascript，然后才能部署 . 问题在于，每当其...