es6模組化遇到的小問題與解決

2021-09-29 12:36:19 字數 1147 閱讀 1950

有多種語法,但這裡不討論語法,所以只展示一種寫法

在模組化指令碼匯出需要暴露出去的變數或其他

let flag = true;

export

在需要使用之前匯出的變數的指令碼內匯入

import  from "./config.js"
在 index.html 中引入 js 檔案需要加上 type=「module」

在瀏覽器中開啟index.html

在瀏覽器中直接執行index.html時,發現控制台報錯

index.html:12 get file:///h:/vue/%e6%a8%a1%e5%9d%97%e5%8c%96/%e5%af%bc%e5%87%ba%e4%b8%8e%e5%af%bc%e5%85%a5/main.js net::err_failed1.4.1.1. 步驟

# 安裝

# 到專案目錄下

cd ***

# 把當前目錄作為**根目錄,建立乙個靜態資源伺服器

http-server

然後訪問控制台提示的網域名稱

1.4.1.2. 結果

失敗!無法開啟該網域名稱,具體原因還沒查

1.4.2.1. 步驟

經過上乙個方法的提示,是不是只要在伺服器上執行就可以呢?正好之前裝過乙個wamp,將專案檔案拷貝到wamp執行目錄www下,從伺服器端執行該專案。

1.4.2.2. 結果

執行成功!

由於同源策略的限制,可以從伺服器端去執行專案檔案

es6 的模組化

這個是需要複習下的,否則後面的react vue 就理解不清晰了 我覺得js 很牛,為啥,因為前後端都是js 這樣結合起來,很順暢 而且node 作為後端,搭建輕量級伺服器,很是好用,寫個介面絲毫沒有任何問題 後面的基本三大塊,1,node express koa 2,三大框架,react vue ...

ES6的模組化

模組化的特點 1 模組 自動執行在嚴格模式下,沒有任何辦法跳出嚴格模式 2 在模組的作用域下建立的變數,不會被新增到全域性作用域中 3 如果外部可以讀取模組當中的內容,需要模組的匯出 4 模組頂級作用域的this為undefined 匯出資料 export var color pink export...

ES6 的模組化

模組化的產生主要是為了將大型js程式拆分為相互依賴的小檔案,並且相互拼接起來。es6 模組功能主要由兩個命令構成 export和import。export命令用於規定模組的對外介面,import命令用於輸入其他模組提供的功能。在es6之前社群就已經有了commonjs 和 amd 模組兩種,在這裡暫...