使用 signalr 包构建项目时找不到模块

Question

我正在尝试在我的 React 应用程序中使用 signalR。当我像这样导入它时：

import { HubConnection } from '@aspnet/signalr-client';

没有 uglify 的构建运行良好。但是当我使用 uglify() 时它失败了，因为 uglify 和 es6 不兼容。我找到了 workaround:

import { HubConnection } from '@aspnet/signalr-client/dist/browser/signalr-clientES5-1.0.0-alpha2-final.js';

但现在当我尝试构建项目时，我遇到了这样的错误：

Cannot find module './HttpClient' from '...\node_modules\@aspnet\signalr-client\dist\browser'

这些模块位于

'...\node_modules\@aspnet\signalr-client\dist\src\...'

那么，在这种情况下如何修复构建？

构建任务本身：

gulp.task('build', () => {
return browserify({
    entries: './wwwroot/js/client/app.jsx',
    extensions: ['.jsx'],
    debug: true
})
.transform('babelify', {
    presets: ['es2015', 'react'],
    plugins: ['transform-class-properties']
})
.bundle()
.on('error', function (err) {
    gutil.log(gutil.colors.red.bold('[browserify error]'));
    gutil.log(err.message);
    this.emit('end');
})
.pipe(source('app.bundle.js'))
.pipe(streamify(uglify().on('error', function(e){
    console.log(e);
 })))
.pipe(sourcemaps.write('./maps'))
.pipe(gulp.dest('wwwroot/dist/client'));
});

提前致谢！

Answer 1

使用https://www.npmjs.com/package/@aspnet/signalr。您使用的是已弃用且不受支持的软件包。

使用 signalr 包构建项目时找不到模块

Can not find modules while building the project with signalr package

signalr

gulp

babelify