Webview 에서 햅틱 사용 문의

개발
,
1

안녕하세요.

햅틱 가이드를 보면 햅틱 API를 webview 환경 에서도 사용 가능한 것으로 나와있는데요.

rn 이 아닌 일반 js 환경에선 가이드대로 사용하면 빌드가 되지 않습니다.

아래의 에러로그와 같이 rn 에서만 지원되는걸로 보여지는데요.

확인 한번 부탁드립니다.

✘ [ERROR] Unexpected "typeof"

    node_modules/react-native/index.js:14:7:
      14 │ import typeof AccessibilityInfo from './Libraries/Components/AccessibilityInfo/AccessibilityInfo';
         ╵        ~~~~~~

✘ [ERROR] The JSX syntax extension is not currently enabled

    node_modules/react-native-webview/lib/WebView.js:5:36:
      5 │ var WebView = function () { return (<View style={{ alignSelf: 'flex-start' }}>
        ╵                                     ^

  The esbuild loader for this file is currently set to "js" but it must be set to "jsx" to be able
  to parse JSX syntax. You can use "loader: { '.js': 'jsx' }" to do that.

✘ [ERROR] Could not resolve "./StatusBar"

    node_modules/@granite-js/react-native/src/status-bar/index.ts:1:40:
      1 │ export { StatusBar, useStatusBar } from './StatusBar';
        ╵                                         ~~~~~~~~~~~~~

✘ [ERROR] Expected "from" but found "{"
2

@leo 님 안녕하세요

import { generateHapticFeedback } from '@apps-in-toss/web-framework';

로 변경하시어 호출 부탁드립니다.

가이드에도 적용해두겠습니다.

2개의 좋아요
3

말씀하신대로 하니 잘 동작하네요~
감사합니다.

1개의 좋아요
4

가이드에는 아직 적용 안된것 같네요.

안되서 검색해보다 이 글을 찾고 해결하긴 했습니다. ㅎ

5

헛 놓쳤습니다 금일 배포에 포함해둘게요!

감사합니다