小编Ton*_*Ngo的帖子

当我尝试访问 localhost:5000/hangfire 时，我被重定向到错误页面（我有一个返回相对状态页面（400,404 等）的控制器）

这是我收到的错误：

我想 /hangfire 不存在。它所指的“HandeErrorCode”来自我的控制器。

[Route ("Error/{statusCode}")]
        public IActionResult HandleErrorCode (int statusCode) {
            var statusCodeData = 
HttpContext.Features.Get<IStatusCodeReExecuteFeature> ();

        switch (statusCode) {
            case 404:
                return View("Status404");
            case 401:
                return View("Status401");
            case 400:
                return View("Status400");    
            case 500:
                return View("Status500");
        }

        return View ();
    }

启动.cs

配置服务

services.AddHangfire(configuration=>{
              configuration.UsePostgreSqlStorage(connectionString);
          }); 

配置

app.UseHangfireDashboard("/hangfire");    
      app.UseHangfireServer();

编辑：整个 Startup.cs

public class Startup {
public Startup (IHostingEnvironment env) {

  Console.WriteLine ("startin app {0}, which uses env {1} and has root {2}", env.ApplicationName, env.EnvironmentName, env.ContentRootPath);
  Configuration …

{
        test: /\.module\.scss$/,
        use: [
          { loader: MiniCssExtractPlugin.loader, options: { publicPath: '../' } },
          {
            loader: 'css-loader',
            options: {
              modules: { localIdentName: '[local]---[hash:base64:5]' }
            }
          },
          'sass-loader',
          {
            loader: 'sass-resources-loader',
            options: {
              resources: './src/css/_variables.scss'
            }
          }
        ]
      },
      {
        test: /\.scss$/,
        exclude: /\.module\.scss$/,
        use: [
          { loader: MiniCssExtractPlugin.loader, options: { publicPath: '../' } },
          'css-loader',
          'sass-loader'
        ]
      },

...

plugins: [
    new MiniCssExtractPlugin({
      filename: 'css/bundle.css'
    })    
  ]

我正在创建一个 css 文件，其中包含一些 vanilla sass 样式和一些 css 模块样式。有没有办法控制这个，以便模块 css 出现在输出的 bundle.css 文件中的常规 css …

JavaScript和CSS文件中/assets没有后精缩ng build --prod。有人知道我如何缩小这些文件吗？我在 angular 文档中没有看到任何内容。

我正在学习一些ngrx教程，我想我已经开始集中注意力了。

我不明白的是如何做一些简单的事情，例如从以下位置获取值Store：

目标：无需亲自去商店就能获得价值subscribe。即：store.myStoreProperty或store.getValue(<selector>)或？

据我了解，从商店获取价值的唯一方法是执行以下操作：

  private readonly _store: Store<ApplicationState>;
  // ...
  this._store.select(state => state.currentUser).subscribe(user => {
    if (!user) { return; }
    // ...
  });

问题：是否有任何可能的方法可以“立即”从商店获取值而无需订阅？

我可能只是很难理解选择器，但我认为这就是它们的用途。文档中的示例：

import { createSelector } from '@ngrx/store';

export interface FeatureState {
  counter: number;
}

export interface AppState {
  feature: FeatureState;
}

export const selectFeature = (state: AppState) => state.feature;

export const selectFeatureCount = createSelector(
  selectFeature,
  (state: FeatureState) => state.counter
);

在这个例子中，我想我可以直接调用selectFeature …

我正在使用

    "@aspnet/signalr": "^1.1.4",

在 Angular 8 项目中。

不幸的是，文档似乎已过时？

https://docs.microsoft.com/en-us/aspnet/core/signalr/javascript-client?view=aspnetcore-3.1

文档声称有一种方法

withAutomaticReconnect()

用作

const connection = new signalR.HubConnectionBuilder()
    .withUrl("/chatHub")
    .withAutomaticReconnect()
    .build();

但是，当我尝试输入它时，我得到

“HubConnectionBuilder”类型上不存在属性“WithAutomaticReconnect”

这是文档过时的问题吗？还是我误解了配置？

这是我尝试添加此方法之前的确切代码

    private _hubConnection: HubConnection;

...

        this._hubConnection = new HubConnectionBuilder()
        .withUrl(this.myAPIUrl + '/myHub', { accessTokenFactory: () => tokenFromCache })
        .configureLogging(signalR.LogLevel.Error)
        .build();

我曾尝试更改 bootstrap、jquery 和 popper 的版本，但没有成功。我不认为我使用了多个版本的 jquery。不知道哪里出错了。如果有人能帮我找到我遗漏的东西，那就太好了。

这是我的文件列表，

包.json：

{
  "name": "kf",
  "private": true,
  "dependencies": {
    "@fortawesome/fontawesome-free": "^5.12.1",
    "@rails/ujs": "^6.0.0",
    "@rails/webpacker": "4.2.2",
    "bootstrap": "^4.4.1",
    "jquery": "^3.4.1",
    "popper.js": "^1.16.1",
    "sweetalert2": "^9.8.2"
  },
  "version": "0.1.0",
  "devDependencies": {
    "webpack-dev-server": "^3.10.3"
  }
}

配置/webpack/environment.js

const { environment } = require('@rails/webpacker');
const webpack = require('webpack');

environment.plugins.append(
  'Provide',
  new webpack.ProvidePlugin({
    $: 'jquery/src/jquery',
    jQuery: 'jquery/src/jquery',
    Popper: ['popper.js', 'default']
  })
);

module.exports = environment;

应用程序.js

require('@rails/ujs').start();
require('jquery/dist/jquery');
require('popper.js/dist/umd/popper');
require('bootstrap/dist/js/bootstrap');
require('@fortawesome/fontawesome-free');
require('./owl.carousel.min');
require('./fastclick');
require('./custom-script');
require('./return-to-top');

const Swal = require('sweetalert2');
window.Swal …

我正在努力尝试将给定的图像 url 转换为 base64 ......在我的情况下，我有一个带有图像路径的字符串

var imgUrl = `../../../../../assets/logoEmpresas/${empresa.logoUrl}`

我怎样才能直接在 base64 中转换给定的图像 url？...我试过这篇文章。

以角度 2 将图像转换为 base64

但是这篇文章是从表单中获取图像...我该如何调整它？

我现在的情况

现在我正在使用 vue-cli@3.9.2。出于某种原因，我需要监视我的源代码的文件更改以运行 webpack 的构建，使用vue-cli-service build --watch.

我目前的解决方案

目前，我运行另一个 Node.js 进程来观察 webpack 包的文件更改。我真的遭受了这种可怕的开发经历。

与 vue-cli 2.x 对比

当我使用 vue-cli 2.x 时，我实际上运行webpack()了 webpack 的一个原生 API in build/build.js，因此我可以使用它webpack().watch()来运行 build 并将我自己的脚本作为回调函数传递。然而，在 vue-cli 3.x 中，据我所知，没有办法也不需要接近 webpack 的原生 API。

概括

我希望在 webpack 每次自动构建后运行我自己的脚本，尽管我在 vue-cli 的官方文档中找不到任何指导。

我正在研究最新的 ASP.NET Core 3.0 Angular 模板。我需要知道的是我们如何在ActionFilterAttribute.

该ClaimTypes.NameIdentifier返回当前用户ID，ClaimTypes.Name返回的用户名是空。

这是我的代码：

其中getUser有一个UserId的d15f997a-6f65-4eb2-aecb-8b525361ae50

我还在 Startup 类中注册了 IHttpContextAccessor，如下所示：

public IServiceProvider ConfigureServices(IServiceCollection services)
{
        services.AddDbContext<ApplicationDbContext>(options =>
            options.UseSqlServer(
                Configuration.GetConnectionString("DefaultConnection")));

        services.AddDefaultIdentity<ApplicationUser>()
            .AddEntityFrameworkStores<ApplicationDbContext>();

        services.AddIdentityServer()
            .AddApiAuthorization<ApplicationUser, ApplicationDbContext>();

        services.AddAuthentication()
            .AddIdentityServerJwt();

        //Database Setup
        services.AddDbContext<HashooDBContext>(Configuration.GetConnectionString("DefaultConnection"));

        services.AddSingleton<IHttpContextAccessor, HttpContextAccessor>();

        services.AddControllersWithViews();
        services.AddRazorPages();
        // In production, the Angular files will be served from this directory
        services.AddSpaStaticFiles(configuration =>
        {
            configuration.RootPath = "ClientApp/dist";
        });

        return ContainerSetup.InitializeWeb(Assembly.GetExecutingAssembly(), services);
}

控制器.cs：

[Authorize]
[ApiController]
[Route("api/[controller]/{companycode}")]
public class DashboardTransactionsController : ControllerBase
{ …

我正在从头开始创建 React 应用程序。在某些时候，当我使用 webpack 构建我的应用程序时，遇到了如标题所示的错误。

这是重现此错误的最小存储库。

有什么问题以及如何修复此错误？