webpackの学習をしています。
webpackで作成したmain.js(index.jsとmyutilの結合)の中のメソッドなどを、
test.jsから利用したいのですが実現できずにいます。
上記のようなことが可能かどうかご教示いただきたいです。
また上記が可能な場合、誤っている点をご指摘いただけますでしょうか。
発生している問題・エラーメッセージ
Uncaught SyntaxError: Cannot use import statement outside a module
該当のソースコード
index.html
<!DOCTYPE html> <html lang="ja"> <head> <title>Document</title> </head> <body> <p>hello webpack!</p> <script src="./main.js"></script> <script src="./test.js"></script> </body> </html>
test.js
import { APP_NAME, hello, Figure } from './main'; console.log(Figure.getTriangle(1, 5));
index.js(webpackによりmain.jsになります)
import { APP_NAME, hello, Figure } from './myutil'; console.log(Figure.getTriangle(100, 5));
myutil.js(webpackによりmain.jsになります)
let
1export const APP_NAME="webpack!??"; 2export class Figure { 3 static getTriangle(base,height){ 4 return base * height; 5 } 6}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。