[英]“Uncaught SyntaxError: Cannot use import statement outside a module” when trying to use three.js
我無法將三個 js 導入我的項目。 首先我跑了：
我在這里關注文檔： https://threejs.org/docs/#manual/en/introduction/Installation
我在我的 VS 代碼終端中為我的文件夾項目運行了這個：
npm install --save three
然后我創建了樣板 HTML 並將其鏈接到我的 JS 文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WebGL</title>
</head>
<body>
<script src="app.js"></script>
</body>
</html>
然后我只是將文檔代碼復制並粘貼到 JavaScript 文件中：
import * as THREE from 'three';
//etc.
，但我收到此錯誤：
如果我將腳本更改為：
<script src="app.js" type="module" ></script>
我收到此錯誤：
這是我的文件夾結構，一切似乎都可以正常工作，因為當我執行“alert(”Hello World)”時，我的 JS 文件可以在實時服務器 VS 代碼上運行。
為什么我的導入語句會導致我的錯誤？ 提前致謝。
假設您正在關注本文檔……
閱讀您正在抄襲的代碼示例之后的段落：
從 npm 安裝時，您幾乎總是會使用某種捆綁工具將項目所需的所有包組合到一個 JavaScript 文件中。 雖然任何現代 JavaScript 捆綁器都可以與 three.js 一起使用，但最受歡迎的選擇是 webpack。
你沒有那樣做。 您正在嘗試將其直接加載到瀏覽器中。
看下面的例子。
你需要：
type="module"腳本一般來說，更好的方法是使用 Webpack 或 Parcel 之類的打包程序編寫代碼。
嘗試在 Django 應用程序的 js 文件中導入 vue.js 時出現“未捕獲的語法錯誤：無法在模塊外使用導入語句”
[英]“Uncaught SyntaxError: Cannot use import statement outside a module” when trying to import vue.js inside js file in Django app
未捕獲的語法錯誤：無法在節點 js 中的模塊外使用導入語句
[英]Uncaught SyntaxError: Cannot use import statement outside a module in node js
嘗試導入時收到 Javascript 錯誤“未捕獲的語法錯誤：無法在模塊外使用導入語句”。 找到解決方案
[英]Receiving Javascript error "Uncaught SyntaxError: cannot use import statement outside a module" when trying to import. Solution found
如何解決“未捕獲的語法錯誤：無法在模塊外使用導入語句”？
[英]How to resolve “Uncaught SyntaxError: Cannot use import statement outside a module”?
未捕獲的語法錯誤：無法在 React 模塊外使用導入語句
[英]Uncaught SyntaxError: Cannot use import statement outside a module for React
未捕獲的語法錯誤：無法在模塊外使用導入語句 - Javascript
[英]Uncaught SyntaxError: Cannot use import statement outside a module - Javascript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.