前提條件：安裝nodejs。需要用到npm和cnpm
可在終端中查看node版本：

C:\Users\璐從今夜白。>node -v v12.18.3

安裝步驟如下：
第一步：命令行安裝REMIX IDE
CTRL+R調出WINDOWS命令行窗口，輸入以下命令安裝remix-ide本地環境。

npm install remix-ide -g

安裝成功結果輸出如下：

npm WARN deprecated circular-json@0.3.3: CircularJSON is in maintenance only, flatted is its successor. C:\Users\璐從今夜白。\AppData\Roaming\npm\remix-ide -> C:\Users\璐從今夜白。\AppData\Roaming\npm\node_modules\remix-ide\bin\remix-ide + remix-ide@0.10.3 added 177 packages from 188 contributors in 42.411s

第二步：啟動本地IDE
在WINDOWS CMD中輸入REMIX-IDE啟動程序：

D:\remix>remix-ide

正常返回應該是：

Starting Remix IDE at http://localhost:8080 and sharing D:\remix

但我在執行報錯遇到問題如下：

internal/modules/cjs/loader.js:968throw err;^Error: Cannot find module 'remixd' Require stack: - C:\Users\璐從今夜白。\AppData\Roaming\npm\node_modules\remix-ide\bin\remix-ideat Function.Module._resolveFilename (internal/modules/cjs/loader.js:965:15)at Function.Module._load (internal/modules/cjs/loader.js:841:27)at Module.require (internal/modules/cjs/loader.js:1025:19)at require (internal/modules/cjs/helpers.js:72:18)at Object.<anonymous> (C:\Users\璐從今夜白。\AppData\Roaming\npm\node_modules\remix-ide\bin\remix-ide:4:14)at Module._compile (internal/modules/cjs/loader.js:1137:30)at Object.Module._extensions..js (internal/modules/cjs/loader.js:1157:10)at Module.load (internal/modules/cjs/loader.js:985:32)at Function.Module._load (internal/modules/cjs/loader.js:878:14)at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12) {code: 'MODULE_NOT_FOUND',requireStack: ['C:\\Users\\璐從今夜白。\\AppData\\Roaming\\npm\\node_modules\\remix-ide\\bin\\remix-ide'] }

解決方式： 在報錯路徑中 \AppData\Roaming\npm\node_modules\remix-ide\bin\remix-ide下，去刪除remixd相關內容

去除之前,如下：
#!/usr/bin/env node
var path = require(‘path’)
var httpServer = require(‘http-server’)
var remixd = require(‘remixd’)
var server = httpServer.createServer({
root: path.join(__dirname, ‘/…/’)
})
var folder = process.argv.length > 2 ? process.argv[2] : process.cwd()
server.listen(8080, ‘127.0.0.1’, function () {})
var router = new remixd.Router(65520, remixd.services.sharedFolder, { remixIdeUrl: ‘http://localhost:8080’ }, (webSocket) => {
remixd.services.sharedFolder.setWebSocket(webSocket)
remixd.services.sharedFolder.setupNotifications(folder)
remixd.services.sharedFolder.sharedFolder(folder, false)
})
router.start()
console.log(’\x1b[33m%s\x1b[0m’, 'Starting Remix IDE at http://localhost:8080 and sharing ’ + folder)

去除之后如下：
#!/usr/bin/env node
var path = require(‘path’)
var httpServer = require(‘http-server’)
var server = httpServer.createServer({
root: path.join(__dirname, ‘/…/’)
})
var folder = process.argv.length > 2 ? process.argv[2] : process.cwd()
server.listen(8080, ‘127.0.0.1’, function () {})
console.log(’\x1b[33m%s\x1b[0m’, 'Starting Remix IDE at http://localhost:8080 and sharing ’ + folder)

啟動成功后，輸入 localhost:8080不行的話，可以考慮加個路徑/index ,即：localhost:8080/index,就可以啦

總結

以上是生活随笔為你收集整理的Remix本地环境搭建的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。