![](/img/trans.png)
[英]In-browser javascript won't recognize “import” and JSX at the same time
我正在嘗試創建一個簡單的React應用程序,該應用程序從components目錄中導入組件。 當前,這是我的文件夾結構: FirstComponent.js 在index.html中,我有腳本加載react,react-dom和babel。 到目前為止,這是我的JS代碼: ...
[英]In-browser javascript won't recognize “import” and JSX at the same time
我正在嘗試創建一個簡單的React應用程序,該應用程序從components目錄中導入組件。 當前,這是我的文件夾結構: FirstComponent.js 在index.html中,我有腳本加載react,react-dom和babel。 到目前為止,這是我的JS代碼: ...
[英]JS script in html file does not work after transpilling it
我在 write-javascript-for-the-web 課程中遇到了 gulp 活動的問題。 我定義了所有依賴項並將代碼添加到 gulpfile.js。 我能夠運行 gulp 任務和序列,但是當我嘗試從 dist 文件夾運行 index.html 時,我無法再添加博客了。 有誰知道問題是什么 ...
[英]Tanspiling & Polyfilling vs browser performance optimizations
好吧,我知道我們需要 Transpilers 和Pollyfills來保持向后兼容性(按順序) 語法更新的編程語言或者 pl的新添加功能! 但它提出了一個問題,為什么在保持向后兼容性的解決方案與旨在利用瀏覽器性能優化的解決方案之間沒有可接受的權衡; 換句話說,大多數解決方案都集中在以傳輸和編譯開銷為 ...
[英]NodeJs, es6 debugging issue in VSC
我正在嘗試在 Visual Studio Code 中調試 nodeJS 代碼,但不幸的是我得到了以下信息: (function (exports, require, module, __filename, __dirname) { import { start } from './server' ...
[英]componentDidMount not getting called
在編輯和保存中古騰堡塊中使用的簡單組件:在這個簡化的示例中,它只是在 componentDidMount 中設置一個 state 變量,然后讓 render() 將其拾取並顯示。 這在后端按預期工作,但是當我嘗試查看頁面 render() 時看不到變量,它不存在。 解決問題變得更加困難,因為 con ...
[英]Test Jest with babel-plugin-import
由於 babel-plugin-import,Jest 正在崩潰。 我正在使用.less styles 和 Ant 設計,我相信這是造成它的原因。 我是 Jest 庫的新手,所以我不確定導入或解決該問題的正確方法? 示例: .babelrc 文件 我嘗試了許多解決方案,例如 babel-jest ...
[英]for await (… of …) not working. Babel present env, node v10
自從我從頭開始一個 nodejs 項目已經有一段時間了,所以設置和配置 eslint、babel 等有點讓人頭疼。 現在我的 babelrc 是: package.json具有開發依賴項: 現在我想遍歷一個對象列表。 對於每一個,我需要執行一些我需要await的異步任務,所以我做了:for aw ...
[英]How to fix regeneratorRuntime error async method with babel 7.5 + runtime + plugin-transform-runtime
我嘗試在 webpack 配置中的 js 腳本(類方法)上使用async/await ,但出現此錯誤: 我在 babelrc 文件中可能有錯誤,但我嘗試了在 web 上找到的所有內容:/ 堆棧:Visual Studio Code 中的 WSL1 節點 10.16.3 npm 6.11.1。 以前, ...
[英]How Babel transpiles the rest/spread operator
我想知道 Babel 是如何編譯這段代碼的? 這是一個虛擬 function,它以 object 作為參數並返回val1 toLowerCase。 所以沒什么神奇的。 ...
[英]Vue CLI 3 app not loading in IE with some npm packages
我已經使用 vue-cli 3 創建了一個 Vue 應用程序。它在所有瀏覽器中都運行良好,直到我安裝了 npm package “microsoft-cognitiveservices-speech-sdk”。 據我所知,我猜這個特殊的 package 沒有被 babel 轉譯。 下面是我的 bab ...
[英]Need validation of my understanding of dev-dependencies and dependencies
我是一名初學者(學習 Web 開發約 15 天),我目前正在學習 React,如果這聽起來太微不足道,我很抱歉。 我試圖了解 devDependencies 和依賴項之間的區別以及它們的正確用法。 我試圖從文檔和 stackoverflow 問題中找出答案,但我不是 100% 確定我是否有這個權利。 ...
[英]Run custom function as part of build process with babel
我想在構建過程中對 JSON 文件進行排序。 基本上我有react-intl定義本地化消息,然后babel-plugin-react-intl將這些消息提取到文件 - 問題是有問題的文件沒有排序(這會產生各種煩人的版本控制問題)。 我可以簡單地破解插件的實際 dist(有效),但這不是很可擴展。 我 ...
[英]How to make bundel.js execute code right on home page?
我對 Webpack 世界很陌生。 我已經配置了 webpack 和 babel,當我訪問http://localhost:8080/dist/bundle.js時,它運行代碼。 但是當我在http://localhost:8080上時,它不會運行代碼。 我嘗試更改 output 路徑,再次創建構 ...
[英]Webpack 4 unable to built production for web
我正在打破我的頭,試圖理解為什么這個生產版本不能在瀏覽器上運行。 所以基本上我有一個可以完美運行的開發配置,但是由於一些奇怪的原因,生產版本一直顯示Error: Minified React error #200; visit https://reactjs.org/docs/error-decod ...
[英]Webpack, babel - node_modules are not excluded from bundle
我試圖弄清楚我的 babel webpack 配置有什么問題。 構建后,我的包中有 node_modules 我嘗試了 .babel-rc、terser 和 awesome-typescript-loader 的不同配置(不包括 /node_modules/),但 node_modules 仍然在包 ...
[英]How do you setup dependencies for production deploy when Babel is used in build script?
我的理解是 Babel 是用來編譯代碼的,所以放在 devDependencies 是有意義的。 但是,如果我在構建腳本中包含 Babel 命令,並且我想在 npm 在部署階段(或 Dockerfile) npm run build之前npm install --only=prod npm。 我應 ...
[英]Babel 7 upgrade
我已將 babel 6 更新為 babel 7。這是我的 package 的一部分。 出於某種原因,我的應用仍在尋找“babel-core”模塊。 我已經刪除了 package-lock.json 和節點模塊並再次安裝它們,我做了 npm 重建 --force。 沒有運氣,有什么建議嗎? /src ...
[英]react ie fetch Unhandled promise rejection TypeError: Network request failed
我不能讓反應支持,即瀏覽器控制台顯示未處理的 promise 拒絕類型錯誤:網絡請求失敗我使用反應創建我的應用程序,該應用程序沒有瀏覽器,我嘗試解決問題,我嘗試導入 whatwg-fetch,我失敗了。我不知道如何解決瀏覽器問題。 我希望你能幫助我。 ...
[英]Webpack - Code splitting: split library into it's own file
我正在使用 webpack 分塊來拆分我的組件使用這兩個庫 - "babel-plugin-dynamic-import-webpack": "^1.1.0", "babel-plugin-syntax-dynamic-import": "^6.18.0", 當我對組件進行延遲加載時 - con ...
[英]How to use React Component Ant Desing in a html
我正在尋求你的幫助。 我的任務很簡單。 我通過 CDN(沒有 Node js 服務器)和 Ant Design CDN 使用 React。 我需要在我的 React 應用程序中使用 Ant 設計組件。 但是,它根本不適合我。 我記得,幾個月前我做過,但現在我無法復制它。 下面是我的代碼。 Chro ...