ITの隊長のブログ

ITの隊長のブログです。Rubyを使って仕事しています。最近も色々やっているお(^ω^ = ^ω^)

Cannot use import statement outside a module

スポンサードリンク

import * as scatter from 'scatter-gl'

↑のように該当 モジュールをimportすると下記エラー

[nuxt] [request error] [unhandled] [500] Cannot use import statement outside a module
  at Object.compileFunction (node:vm:352:18)
  at wrapSafe (node:internal/modules/cjs/loader:1031:15)
  at Module._compile (node:internal/modules/cjs/loader:1065:27)
  at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
  at Module.load (node:internal/modules/cjs/loader:981:32)
  at Function.Module._load (node:internal/modules/cjs/loader:822:12)
  at Module.require (node:internal/modules/cjs/loader:1005:19)
  at require (node:internal/modules/cjs/helpers:102:18)
  at Object.<anonymous> (./node_modules/scatter-gl/dist/scatter_plot.js:42:23)
  at Module._compile (node:internal/modules/cjs/loader:1101:14)

Nuxtv3使っています。

検索すると、typeを追加してとかあるんだけど、ぼくの環境はでは治らなかった。

blog.kimizuka.org

ということで地道に試行錯誤してたら、下記だと読み込めた(動作するかはわからない)

import { ScatterGL } from 'scatter-gl/src/index'