[GH-ISSUE #400] Unexpected token . #249

New issue

Closed

opened 2026-03-03 14:35:47 +03:00 by kerem · 2 comments

kerem commented

2026-03-03 14:35:47 +03:00

Owner

Originally created by @genefedorchenko on GitHub (Oct 14, 2017).
Original GitHub issue: https://github.com/lipis/flag-icons/issues/400

React 15,
import 'flag-icon-css/css/flag-icon.css';
results in:

\node_modules\flag-icon-css\css\flag-icon.css:1
(function (exports, require, module, __filename, __dirname) { .flag-icon-background {
                                                              ^
SyntaxError: Unexpected token .
    at createScript (vm.js:53:10)
    at Object.runInThisContext (vm.js:95:10)
    at Module._compile (module.js:543:28)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous>

Originally created by @genefedorchenko on GitHub (Oct 14, 2017). Original GitHub issue: https://github.com/lipis/flag-icons/issues/400 React 15, ` import 'flag-icon-css/css/flag-icon.css'; ` results in: ``` \node_modules\flag-icon-css\css\flag-icon.css:1 (function (exports, require, module, __filename, __dirname) { .flag-icon-background { ^ SyntaxError: Unexpected token . at createScript (vm.js:53:10) at Object.runInThisContext (vm.js:95:10) at Module._compile (module.js:543:28) at Object.Module._extensions..js (module.js:580:10) at Module.load (module.js:488:32) at tryModuleLoad (module.js:447:12) at Function.Module._load (module.js:439:3) at Module.require (module.js:498:17) at require (internal/module.js:20:19) at Object.<anonymous> ```

kerem closed this issue

2026-03-03 14:35:48 +03:00

kerem commented

2026-03-03 14:35:48 +03:00

Author

Owner

@genefedorchenko commented on GitHub (Oct 14, 2017):

Solution was in webpack config

  externals: [nodeExternals({
  	whitelist: [/^flag-icon-css/]})],

sorry for blaming it on css. :)

@genefedorchenko commented on GitHub (Oct 14, 2017): Solution was in webpack config ``` externals: [nodeExternals({ whitelist: [/^flag-icon-css/]})], ``` sorry for blaming it on css. :)

kerem commented

2026-03-03 14:35:48 +03:00

Author

Owner

@kiseok04111 commented on GitHub (Feb 13, 2018):

I tried it the same solution. but it does not work.

@kiseok04111 commented on GitHub (Feb 13, 2018): I tried it the same solution. but it does not work.