在 ng serve 命令中找不到构建器 @angular-devkit/build-angular:dev-server 的实现
我试图在之后更新Angular CLI. ,但是现在我无法运行我的应用程序.当我尝试运行命令ng serve时,它给了我这个错误: Could not find the implementation for builder @angular-devkit/build-angular:dev-server Error: Could not find the implementation for builder @angular-devkit/build-angular:dev-server at WorkspaceNodeModulesArchitectHost.resolveBuilder (C:\Users\Lupus\Documents\full-stack-projects\financial-app-ui\node_modules\@angular\cli\node_modules\@angular-devkit\architect\node\node-module
32 2024-04-22
编程技术问答社区
Javascript 集合与数组与对象的定义
我尚不清楚javaScript中的集合和数组之间的差异是什么(除了集合在ES6中是新的).为什么要使用集合而不是数组或对象定义. 为什么要引入设置? 解决方案 集合中的每个值都必须是唯一的,但是在数组中,您可以按照自己的需求来推动相同的值. "集合对象是值的集合.您可以按插入顺序的集合元素进行迭代.集合中的值只能发生一次;在集合的集合中它是唯一的." 删除值,有趣的是,在处理少量数据时,两者(数组和集合)之间的性能差异不大,但是当您开始处理大数据时,删除在集合中要快得多. vs数组. 将值添加到数组的速度比将它们添加到设置的速度快4倍. 通过值数组的迭代也是在这里更好的性能(基于数据量呈指数增长). 您可以阅读有关绩效差异的更多信息; javascript set vs.数组绩效 "在10k元素上,两个测试的运行时间(数组:16.6 ms,set:20.7 ms),但是当处理100k元素时,该集合是明确的赢家(数组:1974.8 ms,Set:
16 2024-04-22
编程技术问答社区
使用ES6导入来加载特定的名字,是否比导入一个名字空间更快?
例如,我发现了至少两种方法从ramda等模块中导入功能.可能还有几种方法可以做一些非常相似的事情,例如const R = require('ramda'); 选项1是导入某些功能: import { cond, T, always, curry, compose } from 'ramda'; 选项2是导入整个模块,例如: import * as R from "ramda"; 我更喜欢引用像So这样的函数的模块: R.T(); 但是,如果使用了第二个选项,它是否会带来每个RAMDA功能,而不仅仅是我正在使用的模块中使用的功能?如果使用选项2,则对实际的内存使用或带宽的使用有任何影响吗? 有可能以某种方式这样做: // invalid syntax below: import R { cond, T, always, curry, compose } from 'ramda'; R.T(); 我的问题与这个问题有些相关,但是有点不同 impo
0 2024-04-05
编程技术问答社区
如何与Esbuild揭露全球范围?
更新 用户@Tkol建议在窗口对象中定义属性.这会产生我想实现的结果,尽管我不知道这是否是正确的方法.我将暂时使用此方法.谢谢! 我正在使用 esbuild 在我的项目中(首次在这种"样式"中使用Bundler/开发JS ). 该项目是一个小的Web组件,我为此开发了最终用户应该能够在其脚本中使用的类. // this is the component, which is then bundled and minified by esbuild. // i have omitted various imports required in the class here. export default class Widget extends HTMLElement { /// code here is not relevant } customElements.define('custom-widget', Widget); 如目前,最终用户能够从html
8 2024-04-05
编程技术问答社区
未能对内置的字符串对象进行子类化
我一直在使用节点5.3.0在ES2015中尝试将内置字符串对象进行了试验.我正在使用一堆和谐标志未转移代码.这是完整命令: node --harmony --harmony_modules --harmony_destructuring --harmony_rest_parameters --harmony_arrow_functions --harmony_spreadcalls --harmony_object --harmony_default_parameters --harmony_new_target --harmony_reflect --harmony_modules ~/t.js 鉴于规格专门说明字符串对象是可隔离的(请参阅第21.1.1 The String Constructor>),我很难理解这是我在做错的事情还是在节点中或v8中的错误. 复制该问题的代码如下: 'use strict'; class Str extends String {
6 2024-04-05
编程技术问答社区
ES6 build chain python backend (flask) not SPA
我只是想了解开发环境设置的最佳方法.我的堆栈是vue.js(如果我能得到想要的构建,也许会做出反应)和后端.这是不是单页应用程序和烧瓶正在使用Jinja2模板为HTML页面提供.有些页面将没有vue.js的其他页面会有许多组件. 我想要的是能够在ES6中进行编码(目前使用vue.js在正常的ES5 JavaScript中使用而没有移动).我希望能够在烧瓶中的Python中进行编码,我希望Blask Dev服务器运行并拾取文件和重新启动的更改. 我正在使用Pycharm作为我的编辑器,并且对JavaScript构建过程只有一点知识. 编辑i在我的编辑器中文件,浏览器页面刷新,并在页面上进行所有服务器端更改,ES6更改并在页面上可用. 如果这是错误的位置,请在关闭之前将我引​​导到正确的位置. 解决方案 我需要在WebPack中运行此插件 https://github.com/gajus/gajus/write-file-file-file-webpack-p
22 2024-04-05
编程技术问答社区
在ES6类中不要重复调用继承的方法
我正在从requirejs移动到浏览(与babelify一起),并尝试将我当前的模块重写为课程.对于我的每个requirejs模块,我都有一种称为eventHandler的方法,该方法处理所有模块特定事件.现在,当我延长类时,父类调用子类的eventHandler方法,该方法导致两次调用该方法. 父母类: 'use strict'; class Tooltip { constructor() { this.eventHandler(); } eventHandler() { // Module specific events } } module.exports = Tooltip; 子类: 'use strict'; import Tooltip from './Tooltip'; class Block extends Tooltip { constructor() {
10 2024-04-04
编程技术问答社区
Keystone+React: 'import'和'export'只能以'sourceType: module'出现。
更新项目依赖项后,我开始面临错误.浏览器在解析我的JS代码时具有问题,该代码是用ES6编写的.浏览似乎期望ES5. 我不明白,为什么sourceType: module似乎是这里的问题. 来源: var babelify = require('babelify'); var browserify = require('browserify-middleware'); var keystone = require('keystone'); var importRoutes = keystone.importer(__dirname); // Setup Route Bindings exports = module.exports = function(app) { app.use('/js', browserify('./client/scripts', { transform: [babelify.configure({
0 2024-04-04
编程技术问答社区
进口和进口自之间的区别
我正在查看一些ES6/浏览教程,我看到了类似的东西: import 'jquery'; import domready from 'domready'; 从 导入和导入之间有什么区别? 如果我只使用导入domready -domready无法正常工作. 解决方案 您的第一行 import 'jquery'; // is functionally equivalent to require('jquery'); 您的第二行 import domready from 'domready'; // is technically equivalent to var domready = require('domready'); 因此,您可能可以知道为什么第二个是唯一适合您的人. 其他解决方案 请看看 - Mozilla for Import for Import for Import 发布为答案,因为我没有足够的声誉来发表评论.希望它有
8 2024-04-04
编程技术问答社区
ES6导入--未定义jQuery
我正在使用Gulp并浏览我的构建过程,除了我使用第三方jQuery插件遇到麻烦 - 显示错误jQuery is not defined 以下是我的文件结构. app.js import $ from 'jquery' import plugin from 'jquery-plugin' jquery-plugin.js (function($) { // Plugin code here }(jQuery)); 有什么想法? 解决方案 也许您需要使用'./' import $ from 'jquery' import plugin from './jquery-plugin' 编辑,我的新答案下面: 尝试以下方式: import * as jqueryPlugin from 'jquery-plugin'
10 2024-04-04
编程技术问答社区
试图将一个类导出为模块ES6 babel
我有一个ES6类,我试图将其导出为模块,但是我遇到了一个错误 SyntaxError:意外的保留Word car.js class Car { constructor(make) { this.make = make; this.currentSpeed = 25; } printCurrentSpeed(){ console.log(this.make + ' is going ' + this.currentSpeed + ' mph.'); } } module.exports = Car; 我试图像这样使用汽车模块 main.js var Car = require("./models/Car"); let must = new Car('Mustang'); console.log(must.printCurrentSpeed()); 我正在使用Babel
14 2024-04-04
编程技术问答社区
从ES6模块中同时生成browserify输出和System.register()模块?
我已经按照我也将模块组织成一个问题如下,如果我引用2个示例: //------ lib.js ------ export const sqrt = Math.sqrt; export function square(x) { return x * x; } export function diag(x, y) { return sqrt(square(x) + square(y)); } //------ main.js ------ import { square, diag } from 'lib'; console.log(square(11)); // 121 console.log(diag(4, 3)); // 5 上面的浏览器直接在浏览器中正常工作,例如, traceur 和 es6-module-loader (请参阅 example-es6-modules.html ).当遇到import声明时,似乎会自动将后缀附加到文件名上,并加载lib.
10 2024-04-04
编程技术问答社区
如何从browserify/babelify导出全局变量,以便在没有browserify的项目中使用?
方案: 我有两个设置完全不同的项目: 常规网站,带简单的Gulp设置的旧代码 小型宠物项目. JS滑块插件在ES6课程的帮助下(与Babel一起使用). JS Gulp任务: gulp.task('js', function() { return gulp.src('src/scripts/*.js') .pipe($.plumber()) .pipe(through2.obj(function (file, enc, next) { browserify(file.path, { debug: true }) .transform(require('babelify')) .transform(require('debowerify')) .bundle(function (err, res) { if (err) { return next(err); } file.contents = res;
10 2024-04-04
编程技术问答社区
vueify(在gulp任务中)与vue文件的babel转换
固定. 解决方案是: 通过.transform(babelify)也是 确保您的所有.vue - file脚本元素看起来像 - type 属性必须在自定义属性之前,lang属性.成为第一个,甚至仅在标签上属性. i 认为我的问题是我的vues中有ES6.我得到: [09:33:36] Starting 'public'... events.js:160 throw er; // Unhandled 'error' event ^ SyntaxError: 'import' and 'export' may appear only with 'sourceType: module' npm ERR! Windows_NT 10.0.14393 npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Fi
12 2024-04-04
编程技术问答社区
让卡尔玛、6to5ify和伊斯坦布尔打球
我已经浏览,6TO5IFY和业力,可以播放不错的,成功地运行了我的规格.但是,当我添加代码覆盖范围时,事情会向南移动.我尝试了几种方法: 添加browserify-istanbul转换为我的karma.conf.js.但是,这也导致它试图在我的规格文件上运行仪器. 运行coverage在我的源文件上进行预处理器.但是,由于伊斯坦布尔(甚至douglasduteil/karma-coverage#next)没有读取我的6to5ify浏览变换,所以这立即在试图解析的第一个文件上崩溃(因为import语句),或者当我使用karma-coverage#next时,它不尊重我的软件包中的browser映射. 现在我的karma.conf.js看起来像这样: module.exports = function(karma){ karma.set({ frameworks: ["browserify", "mocha", "chai-sinon"], brows
2 2024-04-04
编程技术问答社区
我应该如何用browserify和babelify来转换ES6的node_modules?
我正在使用Gulp,浏览和Babelify,以便在项目中使用ES6语法.一旦我导入一个也用ES6编写的node_module,Gulp就会引发一个错误:'import' and 'export' may appear only with 'sourceType: module' 我已经阅读了 向受影响的node_module的软件包添加一个浏览选项 配置Gulp,以便浏览试图用babelify转换所有文件(并为不必要的文件添加忽略选项). 第一个选项将阻止其他人能够克隆我的项目并立即将其启动并运行.是否有解决方法,也许使用NPM Post -install脚本? 第二个选项似乎是过度的.有一个更优雅的解决方案吗? 解决方案 babelify 有一个 only 可以使用的选项,可用于避免转移不符合正则表达式的文件.与browserify的global选项结合使用(默认情况下,不应用于node_modules目录中的文件),您可以选择性地在node_modules
6 2024-04-04
编程技术问答社区
用Browserify在ES6中使用Bootstrap和jQuery包的错误
我正在尝试使用 bootstrap =" https://www.npmjs.com/package/jquery" rel =" noreferrer"> jquery .我正在使用 browserify 带有Uncaught ReferenceError: jQuery is not defined 我尝试过这样的软件包,但是我得到了上述错误. import $ from 'jquery'; import Bootstrap from 'bootstrap'; 四处搜索,我找到了/a>,所以我尝试过,但是我仍然遇到相同的错误. import $ from 'jquery'; window.$ = window.jQuery = $; import Bootstrap from 'bootstrap'; Bootstrap.$ = $; 我是用ES6错误地导入这些软件包还是以不同的方式完成?我尝试的最后一件事是在没有ES6的情况下导入包裹,但我仍然有同样的错误
0 2024-04-04
编程技术问答社区
Browserify导入/require?
我正在尝试浏览浏览并通过许多示例. 在一个示例中,我看到了"导入"的使用: import 'jquery'; 和以: 导入本地文件 import Header from './Header'; 但是在其他示例中,我看到人们正在通过: require('./Header'); 有什么区别? 解决方案 require()是ES5中的节点模块系统(commonjs). import是ES6模块语法. 如果您想用ES6模块语法浏览模块,则需要使用Babelify(或其他方式)来编译它们.
0 2024-04-04
编程技术问答社区
用ES6导出一个类(Babel)。
我正在用ecmascript 6编写一些前端代码(用babeljs transper,然后使用浏览器进行浏览),以便我可以在一个文件中使用一个类,导出并将其导入另一个文件. . 我这样做的方式是: export class Game { constructor(settings) { ... } } ,然后在导入我进行类的文件上: import {Game} from "../../lib/pentagine_browserified.js"; var myGame = new Game(settings); i然后用grunt进行编译,这是我的Gruntfile: module.exports = function(grunt) { "use strict"; grunt.loadNpmTasks('grunt-babel'); grunt.loadNpmTasks('grunt-browserify');
8 2024-04-04
编程技术问答社区
如何编写没有装饰器语法的angular2?
我大致遵循 javascript / typescript Angular2的QuickStart for Angular2在ES6中写下我的应用/p> entry.js import * as stylesheet from '../assets/styles/app.scss'; import jQuery from '../node_modules/jquery/dist/jquery'; import $ from '../node_modules/jquery/dist/jquery'; import * as semanticUi from '../node_modules/semantic-ui/dist/semantic'; import '../node_modules/angular2/bundles/angular2-polyfills' import '../node_modules/rxjs/bundles/Rx.umd' import '../no
10 2024-04-04
编程技术问答社区