Error Import Font

Developers
1

Hi,
Im istalling BPMN using NPM and webpack …done

when try to import BPMN font i get error

ERROR in ./node_modules/bpmn-js/dist/assets/bpmn-font/font/bpmn.ttf?26374340 1:0
Module parse failed: Unexpected character ' ' (1:0)

this is my Import statement

import 'bpmn-js/dist/assets/bpmn-font/css/bpmn.css';

my webpack config

mode:'development',
   devtool: 'inline-source-map',
   module: {
      rules: [
         {
            test: /\.bpmn$/,
            use:['raw-loader']
         },
         {
            test: /\.css$/,
            use:['style-loader','css-loader']
         }
      ]
   }

Did i miss something guy ?, please help me

3

Could you please try to reproduce this issue in a Sandbox: https://codesandbox.io/s/bpmn-js-sandbox-3zkw0

Let’s see if we can help you with that.

1 Like
4

You have no font-loader installed for webpack, that’s why it can’t read the bpmn.ttf file.

Maybe this article helps you.

1 Like
5

thank you very much sir, it solve my error