【VUE】开发环境和问题

====================================================================

1、安装node8 32位

2、查看位数

3、安装套件

4、安装node-gyp

5、gyp ERR!

6、安装yarn

7、安装依赖

8、error Found incompatible module

9、FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

10、模块打包

11、VSCode 因为在此系统上禁止运行脚本

12、vue3 插件

====================================================================

 

1、安装node8 32位

https://nodejs.org/dist/v14.16.1/

官网：https://nodejs.org/

所有版本：https://nodejs.org/dist/

 

2、查看位数

node -p "process.arch"

 

3、安装套件

C:\Users\Administrator\.windows-build-tools

https://www.npmjs.com/package/windows-build-tools

npm install -–global -–production windows-build-tools --registry=http://registry.npm.taobao.org

https://dotnet.microsoft.com/download/visual-studio-sdks

4.5.2

https://download.microsoft.com/download/4/3/B/43B61315-B2CE-4F5B-9E32-34CCA07B2F0E/NDP452-KB2901951-x86-x64-DevPack.exe

npm install -–global -–production windows-build-tools@4.0.0 --registry=http://registry.npm.taobao.org

 

4、安装node-gyp

npm install --global node-gyp --registry=http://registry.npm.taobao.org

yarn global add node-gyp

 

5、gyp ERR! stack Error: `C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools\MSBuild\15.0\Bin\MSBuild.exe` failed with exit code: 1

最新版不能用

 

6、安装yarn

npm install -–global yarn --registry=http://registry.npm.taobao.org

 

7、安装依赖

yarn install --registry=http://registry.npm.taobao.org

npm install --registry=http://registry.npm.taobao.org

不行每次指定时

npm set registry http://registry.npm.taobao.org/

npm install一直停留在fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch可以使用如下命令设置为淘宝的镜像源：
npm config set registry http://registry.npm.taobao.org
使用如下命令检验是否成功：
npm config get registry
输出淘宝镜像路径
继续运行
npm install

 

8、error Found incompatible module

error sockjs-client@1.6.0: The engine "node" is incompatible with this module. Expected version ">=12". Got "10.24.1"
error Found incompatible module.

npm rebuild node-sass

9、FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
 1: 0041D93E node::MakeCallback+3982
 2: 0084BE42 v8::internal::Heap::MaxHeapGrowingFactor+8194
 3: 0094487E v8::internal::Factory::NewRawTwoByteString+46
error Command failed with exit code 134.

下边的方式修改后我还是报错，最后升级 node 到 v14.16.1，好了

网上的解决方式

./node_modules/.bin 需要改4个文件，把原来node运行语句注释了 REM

./node_modules/.bin/vue-cli-service.cmd"%_prog%"  "%dp0% --max-old-space-size=4096 \..\@vue\cli-service\bin\vue-cli-service.js" %*   起作用

./node_modules/.bin/webpack.cmd
node --max-old-space-size=4096 "%dp0%\..\webpack\bin\webpack.js" %*

./node_modules/.bin/webpack-dev-server.cmd
node --max-old-space-size=4096 "%dp0%\..\webpack-dev-server\bin\webpack-dev-server.js" %*

./node_modules/.bin/webpack-bundle-analyzer.cmd
node --max-old-space-size=4096 "%dp0%\..\webpack-bundle-analyzer\lib\bin\analyzer.js" %*

10、模块打包

基础模块在 src/components/ 目录下运行 npm link，子系统模块在 UI/ 目录下运行 npm link deya-lib-basic

11、VSCode 因为在此系统上禁止运行脚本

计算机上启动 Windows PowerShell 时，执行策略很可能是 Restricted（默认设置）。
Restricted 执行策略不允许任何脚本运行。  
AllSigned 和 RemoteSigned 执行策略可防止 Windows PowerShell 运行没有数字签名的脚本。
查看策略：get-executionpolicy
设置策略：set-executionpolicy remotesigned 输入Y

12、vue3 插件

npm i vite-plugin-vue-setup-extend -D

import vueDevTools from 'vite-plugin-vue-devtools'

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    vueDevTools(),
  ],
})