Uncaught SyntaxError: Cannot use import statement outside a module

1230 ワード

HTML 5 JavaScript javascript es 6/es 7

1、エラーの説明

Uncaught SyntaxError: Cannot use import statement outside a module

2、エラーの原因
JavaScriptファイルを定義し、いくつかの変数を宣言し、モジュール化して変数をエクスポートします.

let name = '  '
let age = 23
let sex = ' '

export {name, age, sex}

次に、ページファイルにimportを直接インポートします.ブラウザアクセスページを開くと、コンソールにエラーが表示されます.



	
		
		
		<script src="../js/a1.js"/>
		<script src="../js/a2.js"/>
		<script>
			import {name, age, sex} from '../js/a3.js'
			console.log(name,age,sex)
		</script>
	
	
	

</code></pre> 
  <p>3、    </p> 
  <p>         script       type="module"</p> 
  <pre><code>

	
		<meta charset="utf-8"/>
		<title/>
		<script src="../js/a1.js"/>
		<script src="../js/a2.js"/>
		<script type="module">
			import {name, age, sex} from '../js/a3.js'
			console.log(name,age,sex)
		</script>
	
	
	

</code></pre> 
  <p> </p> 
 </div> 
</div>
                            </div>
                        </div>

ドメイン間ソリューションを知らないかもしれません

JSはコントロールのドラッグ/ドラッグを実現する