Handlebars.js: webpack + 핸들바 필요 오류

# 1102에서 언급했듯이 라인 추가
"browser": "dist/handlebars.js",
핸들바의 package.json이 나를 위해 이것을 해결했습니다.

핸들바가 아니라 Webpack에 문제가 있는 것 같습니다.
모든 노드 모듈 코어 파일의 일반적인 기본 경로는 /node_modules/module_name/dist입니다.

그것이 노드 앱이 위치한다고 가정하는 곳입니다. 이것은 Webpack이 require()를 처리하고 있음을 의미합니다. 노드와 다릅니다.

나는 이것을 ..

resolve: {
    alias: {
       handlebars: 'handlebars/dist/handlebars.min.js'
    }
}

내 웹팩 구성에서

감사합니다 @gilesbradshaw :+1: :스마일:

@abhisekp 해결되었나요? 그렇다면 닫으십시오.

@rafde 확인하지 않았지만 문제가 명확해지고 명확한 솔루션이 제안되므로 이 문제를 종료합니다.

알림 주셔서 감사합니다. :붉히다:

.js의 어딘가에 핸들바가 필요한 경우 여전히 문제가 재현됩니다.

var Handlebars = require('handlebars');
Handlebars.registerHelper('greet', function(name) {
            return 'Hello, name=' + name + '!';
});

하지만 이 줄을 제거하면

var Handlebars = require('handlebars');

문제가 사라졌습니다

@gilesbradshaw
매우 감사합니다!

Angular 2 CLI 프로젝트에서 핸들바를 사용할 때도 이 오류가 발생합니다. Angular CLI 팀이 Angular CLI 사용자에게 웹팩 세부 정보를 숨기기로 결정했고 공식적으로 웹팩 구성 수정을 지원하지 않기 때문에 웹팩 구성을 변경할 수 없습니다.

@oocx 다음 과 같이 node_modules 폴더에서 JS 파일을 가져올 수 있습니다.

import 'handlebars/dist/handlebars.min.js';

이것은 잘 작동합니다!

이것을 Angular 4 프로젝트에서 작동시키려면 다음을 수행해야 했습니다.
* 'handlebars/dist/handlebars'에서 handleBars로 가져오기;

일반적으로 나는 이것을 할 것입니다 :
import * 'handlebars'에서 handleBars로;

위의 줄은 node의 typescript 프로젝트에서는 잘 작동하지만 angular 4에서는 작동하지 않습니다.

HandleBars는 이렇게 가져와야 하는 유일한 프로젝트입니다. 앞으로 문제가 생길까봐 걱정이 됩니다. HandleBars가 Angular의 웹팩에서 잘 작동하지 않는 것 같습니다.

누군가가 문제를 재현하는 최소한의 예제 프로젝트를 설정하면 볼 수 있습니다. "언제"에 대한 약속은 없지만...

@swilliams-a3digital Could not find a declaration file for module 선언 모듈 'handlebars'를 가져오거나 @types/handlebars를 추가해도 도움이 되지 않습니다. 어떻게 해결하셨나요?

여기를 찾는 다른 사람들을 위해

이것은 내가 찾은 최고의 솔루션입니다
https://github.com/valtech-nyc/brookjs/blob/master/packages/brookjs/webpack.config.js#L39 -L43
여기 https://github.com/pcardune/handlebars-loader/issues/110#issuecomment -358681867

@mAAdhaTTah 덕분에

상향:

//fix handlebars warnings
config.resolve.alias = {
    ...config.resolve.alias,
    'handlebars/runtime': 'handlebars/dist/cjs/handlebars.runtime',
    'handlebars': 'handlebars/dist/cjs/handlebars.runtime',
};

이것은 지체되었습니다.
이 handlebars 라이브러리는 이 버그를 수정했어야 합니다.
그러나 그들은 무시하고 무시합니다.

해결 방법은 다음을 교체하는 것입니다.

import Handlebars from 'handlebars'

와 함께:

import Handlebars from 'handlebars/dist/cjs/handlebars'

@catamphetamine 이 문제에 대한 좋은 해결책이 있다면 풀 리퀘스트를 제출할 수 있습니다. 아무 것도 깨지지 않는 한 새 버전을 병합하여 게시하겠습니다. NodeJS의 const Handlebars = require('handlebars') 및 이전 버전의 webpack이 있는 기존 설정은 여전히 ​​작동해야 합니다.

"그러나 그들은 무시하고 무시합니다"에 대해:

핸들바의 문제는 협력자가 많지 않고 현재 내가 볼 수있는 한 유일하게 활동적인 사람이라는 것입니다. 음, 다소 활동적입니다. 지금은 23시 26분이고 가족이 주간에 하는 일과 다른 취미가 있기 때문에 개인 프로젝트를 하러 오는 시간입니다.

그래서 "그래도 그들은 무시하고 무시한다"라고 쓸 때 "그들"은 많지 않습니다. 이 프로젝트에서 일하기 위해 돈을 받는 "그들"은 거의 확실히 없습니다. 사람들과 이야기하는 것이 재미있고 문제를 해결하고 버그를 수정하고 테스트를 작성하는 것이 재미있기 때문에 사람들을 돕습니다. 나는 두 개의 프로젝트에서 직접 핸들바를 사용하고 있기 때문에, 그리고 때때로 무대 조명에 서 있는 것이 기분이 좋기 때문입니다. 하지만 그렇게 하는 것이 내 의무 라고 생각하지 않습니다. 그래서 나는 내가 좋아하는 문제, 주로 빠르고 명확한 문제를 선택합니다.

따라서 핸들바를 사용하고 있는데 문제가 있고 아무도 해결하지 않을 경우, 스스로 솔루션을 제공해야 합니다.

그래도 문제가 해결되지 않은 것 같아서 다시 말씀드리겠습니다.

이따금 무대 조명에 서 있으면 기분이 좋기 때문이다.

이 라이브러리만큼 인기가 없지만 재미를 위해 오픈 소스도 하고 있습니다.
그리고 내 이력서에 한두 줄 정도. 더 나은 직업을 얻도록 돕습니다.
@nknapp/handlebars.js와 같이 기술적으로 귀하의 프로젝트가 아니기 때문에 재미보다는 많은 이익을 얻지 못한다는 것을 알 수 있습니다.
당신은 그것을 유지하고 @wycats 는 URL 표시줄이 가는 한 모든 크레딧과 github 별을 얻습니다.
좋아, 적어도 이제 우리는 이 프로젝트가 더 이상 활발하게 유지되지 않는다는 것을 알고 있습니다.
그래도 많은 곳(레거시 포함)에서 사용되는 것 같습니다.
예를 들어 SendGrid는 최근 이 handlebars 언어를 사용하여 "맞춤형 템플릿"을 출시했습니다.
https://sendgrid.com/blog/how-to-use-sendgrids-dynamic-templates-for-your-transactional-emails/
https://github.com/sendgrid/sendgrid-nodejs/issues/221

가능한 솔루션에 관해서는 Babel이 babel 및 babel/register 했던 것처럼 패키지를 handlebars 및 handlebars/register 로 분할할 것입니다.
import 'babel/register' 할 때만 require() 후크를 설치합니다.
그것은 다른 주요 버전에 대한 주요 변경 사항이 될 것이지만 그러한 버전이 없을 가능성이 가장 높다는 것을 알 수 있습니다.
또 하나는 같은 뿌리라는 것을에서 파일을 만들 수 있습니다 core.js ( module.exports = require('handlebars/dist/cjs/handlebars') ) 다음 웹팩 사용자가 필요로 handlebars/core 대신 handlebars/dist/cjs/handlebars 라인과 함께 ( 읽어보기).
Webpack의 제작자도 독일 출신입니다.

어쨌든 import Handlebars from 'handlebars/dist/cjs/handlebars' 작동하고 라이브러리에서 아무 것도 변경할 필요가 없다고 생각합니다. Webpack에 대해 일반 가져오기 대신 import Handlebars from 'handlebars/dist/cjs/handlebars' 를 사용하는 문서 행을 README에 추가하면 됩니다.

그건 그렇고, 나는 당신이이 호에 전에 부정적인 의견을 남기지 않았기 때문에 당신을 구체적으로 언급하지 않았습니다.
나는 @methodbox 와 그의 의견을 언급하고

핸들바가 아니라 Webpack에 문제가 있는 것 같습니다.

그리고 @rafde 와 그의 코멘트:

다른 사람에게는 이 문제가 없으므로 설정에 문제가 있는 것 같습니다.

귀하의 의견은 Webpack이 "잘못된" 것이라고 주장하지 않았습니다.

누군가가 문제를 재현하는 최소한의 예제 프로젝트를 설정하면 볼 수 있습니다. "언제"에 대한 약속은 없지만...

"Webpack이 잘못하고 있습니다. 문제를 종료하십시오"라고 말하지 않았으므로 귀하의 의견은 괜찮습니다.

@nknapp
어쨌든 import Handlebars from 'handlebars/dist/cjs/handlebars' 는 잘 작동하며 라이브러리에서 아무것도 변경할 필요가 없다고 생각합니다.
README에 "Webpack을 사용하는 경우 import Handlebars from 'handlebars/dist/cjs/handlebars' 대신 import Handlebars from 'handlebars' .
import Handlebars from 'handlebars/dist/cjs/handlebars' 괜찮고 작동합니다.

import Handlebars from 'handlebars/dist/cjs/handlebars

이 의견을 기준으로 나를 위해 일했습니다.

그래도 @catamphetamine에 동의합니다.

더 나은 문서는 많은 가치가 있으며 설치 페이지에 해당 행을 추가하는 사람을 죽이지 않을 것입니다.

우리 모두는 훌륭한 것을 만들고 사람들이 그것을 사용하기를 바랍니다.

하지만 문서가 형편없다면... 프로젝트도 마찬가지입니다. 왜냐하면 당신 외에는 아무도 이해할 수 없기 때문입니다.

그리고 기억하세요... 사람들은 자신이 이해하지 못하는 것을 두려워합니다.

-끝장난-

그러나 도서관에 대한 귀하의 노력에 감사드립니다.
오픈 소스 개발자가 되는 것은 종종 보상이 거의 없는 감사하고 고통스러운 여정입니다.

사실 저는 사람들이 핸들바를 사용하게 하려는 것이 아닙니다. 나는 사람들이 이미 그것을 사용하기로 결정한 것을 돕기 위해 노력하고 있습니다.

저는 현재 새로운 문서 사이트를 구축 중이며(시간이 남을 때마다) 거기에 포함시킬 것입니다.

#1102에서 해결해야 합니다.