草庐IT

组件模块开发的

全部标签

javascript - 用于在 node_modules 中编译模块的 Webpack 配置

我的webpack/babel配置有问题。我已经将我的组件存储库(里面没有webpack配置的es6模块)安装为node_module。在这种情况下它不起作用-我收到“意外的token导入”错误(babel不转换es6代码)但是,如果我将外部文件夹链接到node_modules(npm链接./../../component-repository),那么它可以正常工作,没有任何错误。我花了很多时间,仍然无法解决这个问题。主要问题是如何在各个项目之间共享React组件。我的想法是将它们添加为依赖项。编辑:如何为项目设置webpack&babel以从node_modules文件夹编译ES6模

javascript - 如何将react js组件拆分成多个文件

我试图将每个组件分离到一个单独的文件中以获得更好的模块化。尽管我在索引页上包含了组件jsx文件,但我仍然收到UncaughtReferenceError:TopicsListisnotdefined代码如下:index.htmlReact.jsDemolayout.jsx"usestrict";varLayout=React.createClass({render:function(){return();}});ReactDOM.render(,document.getElementById('main-container'));topic-list.jsx"usestrict";va

javascript - 如何在 Vue.js 中保持可排序数组和组件的顺序

我正在使用Vue.js和Dragula制作一个拖放图block页面。每个图block都包含自己的一组数据,因此每个图block都是一个Vue组件。问题是,一旦我拖放其中一个图block,Vue实例中的DOM元素和数据数组就会失去同步并开始引起问题。只是拖放不会产生问题,但是一旦我拖放某些东西然后尝试删除它,一切都会出错。这是一个fiddle:https://jsfiddle.net/wfjawvnL/13/这是我的HTML,带有组件模板:{{$data|json}}{{name}}Index:{{index}}✗这是我的Vue实例:varvm=newVue({el:'#a

javascript - React-Router Link,如何从另一个组件触发链接上的点击事件

我正在尝试设置一系列React-Router以在特定组件内进行导航。我已对其进行设置,因此链接标签可以正常工作,但我正在尝试将它们设置为如下所示:样式设置如下:PaymentsBillsCharge当前系列的链接看起来像这样(没有样式):option1option2option3HTML(顶部)是用HTML编写的,而不是JSX,但这不是问题所在。我正在尝试将链接组件组合到上面的HTML中,以便选项将触发链接标签的功能。在React文档中我发现了这个:Forcommunicationbetweentwocomponentsthatdon'thaveaparent-childrelatio

javascript - 将秘书 URL 参数广播到试剂组件的正确方法是什么

我正在re-framedefaulttemplate上构建一个应用程序.我有以下秘书路线:(defroute"/users/:id"[](re-frame/dispatch[:set-active-panel:user-panel])我想从我的试剂组件中的URL访问id参数。我发现实现它的唯一方法是将它设置为db。像这样的东西:(defroute"/users/:id"[id](re-frame/dispatch[:set-user-idid])(re-frame/dispatch[:set-active-panel:user-panel])这肯定会污染我的数据库,这种方法对我来说似乎

javascript - Google 自动完成器位置在 Angular 2 的子组件中不起作用

我正在为Googleplacesautocompletor使用googleplace指令.如链接所示,当我在AppComponent中使用此指令时它会起作用,但当我在子组件中使用它时它不起作用。app.routes.tsimport{provideRouter,RouterConfig}from'@angular/router';import{BaseComponent}from'./components/base/base.component';import{DashboardComponent}from'./components/dashboard/dashboard.compon

javascript - Angular2 找不到嵌套模块

我正在开发一个网络应用程序,其中包含两个顶级模块和每个模块下的几个模块。示例:公开注册登录传送门仪表板结果约会每个嵌套模块都有一个或多个潜在的路由、服务和组件。公共(public)和门户模块也有不同的布局要求。我想做的是将我的代码分解为上面每个主要部分的模块。但是,当我尝试加载一个模块作为另一个路由的子模块时,我收到一条错误消息,指出找不到该模块:error_handler.js:46EXCEPTION:Uncaught(inpromise):Error:Cannotfindmodule'./dashboard/dashboard.module'.这是我的路由文件:/app/app.r

javascript - 我如何根据我的 YML 构建文件在 Javascript 中要求不同的模块?

我目前正在开发一款网络游戏,该游戏也可以通过electron作为桌面应用程序使用。.如果我正在构建游戏的网络版本,我不想require('electron')。我与build一起使用的.yml文件如下:cmd:browserify{PROJECT_PATH}/js/main.js>{PROJECT_PATH}/js/bundle.js&&{PROJECT_PATH}/index.htmlname:'web'targets:electron:cmd:browserify{PROJECT_PATH}/js/main.js>{PROJECT_PATH}/js/bundle.js&&elect

javascript - 使用 webpack 在浏览器中使用 require 模块

过去2天尝试在带有webpack的浏览器中使用require('modules'),当时我可以在5分钟内在browserify中做同样的事情......这是我的webpack.config.jsvarwebpack=require('webpack');varpath=require('path');varfs=require('fs');varnodeModules={};fs.readdirSync('node_modules').filter(function(x){return['.bin'].indexOf(x)===-1;}).forEach(function(mod){n

javascript - Webpack、IE8 和 ES6 模块

最新版本的webpack不支持IE8。我已经尝试使用1.12.12(我认为这是支持IE8的最后一个版本),但仍然会从不可调整的Object.defineProperty中得到错误。https://github.com/webpack/webpack/issues/2085上一个支持IE8的webpack版本是什么?它曾经与ES6模块一起工作过吗?webpack.config.js:varwebpack=require("webpack");vares3ifyPlugin=require('es3ify-webpack-plugin');varproductionPlugin=newwe