初次使用vite新建项目报错

最新推荐文章于 2024-03-29 04:09:22 发布
最新推荐文章于 2024-03-29 04:09:22 发布
阅读量1.8k 收藏
点赞数 1
文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/v201341179/article/details/126281048
版权

第一次使用vite新建项目时报错，

C:\Users\AppData\Roaming\npm-cache\_npx\13100\node_modules\create-vite\index.js:4
import fs from 'node:fs'
       ^^

SyntaxError: Unexpected identifier
    at Module._compile (internal/modules/cjs/loader.js:718:23)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:785:10)
    at Module.load (internal/modules/cjs/loader.js:641:32)
    at Function.Module._load (internal/modules/cjs/loader.js:556:12)
    at Function.Module.runMain (internal/modules/cjs/loader.js:837:10)
    at internal/main/run_main_module.js:17:11

报错信息
使用的node版本为12.4.0

使用nvm更换node版本为15.5.0
在这里插入图片描述

重新运行新建项目
在这里插入图片描述

问题解决！

余生许你539
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
如何使用vite-svg-loader
02-23
如何使用vite-svg-loader
Vite创建的项目使用elementplus框架
11-17
Vite创建的项目使用elementplus框架案例
vite小记
weixin_45823152的博客
03-29 384
比如jpg不是vite的默认引入文件，就需要增加配置在vite.config.js。我在使用中，将vite4升级到vite5，遇到了兼容性问题。
ReactNative init 失败（import type {CommandT} from './commands' ， SyntaxError: Unexpected identifier）
ZekingLee
07-06 3250
C:\Users\Zeking\Desktop\Code\Code\node_modules\react-native\local-cli\cliEntry.js:30 import type {CommandT} from './commands'; ^^^^ SyntaxError: Unexpected identifier at new Script (vm.js:...
uncaught SyntaxError:unexpected identifier
SBTOC的博客
05-11 5046
uncaught SyntaxError:unexpected identifier 这个报错的意思就是意外的标识符 可能原因如下： 1、中英文的标点符号的问题 2、如果在高版本浏览器中运行不报错，在低版本浏览器中报错，那就是浏览器不支持es6或其他的新语法 3、有可能是字符串类型的，但是并没有加双引号。 ...
import express from 'express'; ^^^^^^^ SyntaxError: Unexpected identifier at Module._com
weixin_44087528的博客
07-19 3995
安装express时遇到这个问题，原因是express不支持ES6语法，需要安装babel 命令 npm install --save-dev babel-cli babel-preset-env 安装完之后创建 .babelrc 文件 创建完之后加入 { "presets" : ["env"] } 修改package.json文件 修改这一处 { "name": "...
从create-vite源码看前端脚手架
weixin_40756663的博客
11-14 558
create-vite源码解读，prompts用法，脚手架搭建
安装vite报错:Cannot use import statement outside a module
weixin_51396911的博客
08-29 2241
node编程中最重要的思想之一就是模块，而正是这个思想，让JavaScript的大规模工程成为可能。
Vite+Ts新建项目报错
斯文~
06-18 471
【代码】Vite+Ts新建项目报错。
什么？？Vite构建的项目不能使用path、fs模块？？？？
nuanua的博客
08-10 3101
path、fs等被认为是在浏览器环境中不需要的，因此被标记为外部模块（external module）。解决这个问题的一种常见方法是使用条件导入（conditional import）来在客户端和服务器端代码中使用不同的模块。通过使用条件导入，你可以在Vite中解决访问外部模块的问题，并根据需要在客户端和服务器端代码中使用不同的模块。），Vite会抛出一个错误，提示你不能在客户端代码中访问这个模块。如果不是，在客户端代码中我们使用一个硬编码的路径。当你在客户端代码中尝试访问一个被标记为外部模块的模块（如。
vue3项目打包错误
qq_24986271的博客
08-22 10000
这个错误似乎是 plugin-legacy 2.0需要 vite 3.0才行。（1）在安装包的时候忽略冲突，安装命令后面加。（2）更新所有的包到，最新，再来解决冲突。第一个报错js，右键点进去，搜索。但是我是这样的也报错。
使用vite从头搭建一个vue3项目
最新发布
04-18
使用vite3搭建的一套简单的vue3项目模板，以供自由学习使用。
vite-plugin-yaml
05-17
该插件对Vite 1很有用，但是现在大多数Rollup插件（包括 ）都与Vite 2兼容，建议使用它们。 一个Vite插件，用于将YAML / YML文件作为ES6模块导入。 像但用于Vite。 安装 使用npm： npm i -D vite-plugin-yaml ...
vite搭建vue3项目
09-06
vite搭建vue3项目
报错：解决nodejs报错SyntaxError：Unexpected identifier
m0_52392580的博客
08-20 506
解决nodejs报错SyntaxError：Unexpected identifier
使用vite工具创建Vue.js 3.0项目，启动项目时报错js语法错误
m0_46829545的博客
05-20 2101
使用vite工具创建Vue.js 3.0项目，启动项目时报错js语法错误
“npm create vite“ 是如何实现初始化 Vite 项目？
Cyj1414589221的博客
12-05 6842
我们使用 npm create vite 命令来快速初始化一个 Vite 项目；这是如何实现的呢？本文将从头分析 create-vite 创建一个 Vite 项目流程的原理。
Nodejs 第二十章（fs 上）
qq1195566313的博客
11-25 1009
在 Node.js 中，fs模块是文件系统模块（File System module）的缩写，它提供了与文件系统进行交互的各种功能。通过fs模块，你可以执行诸如读取文件、写入文件、更改文件权限、创建目录等操作，Node.js 核心API之一。读取文件 readFile 读一个参数 读取的路径， 第二个参数是个配置项encoding 支持各种编码 utf-8之类的flag 就很多了'a': 打开文件进行追加。如果文件不存在，则创建该文件。'ax': 类似于'a'但如果路径存在则失败。'a+'
10% building 2/2 modules 0 active ERROR SyntaxError: Unexpected stringimport "core-js/modules/es6.r
qq_38402659的博客
12-17 3777
使用vue-element-admin启动失败 10% building 2/2 modules 0 active ERROR SyntaxError: Unexpected string e:\trendism\supply\mock\index.js:1 import "core-js/modules/es6.regexp.constructor"; ^^^^^^^^^^^^^...
vue3在使用vite打包配置报错
03-30
如果您在使用 Vue3 和 Vite 打包时遇到了错误，可能是因为您的配置有误或者依赖包不兼容。以下是一些可能的解决方案： 1. 检查依赖包版本是否兼容 Vue3 和 Vite。 2. 确认 Vite 的配置文件是否正确设置了 Vue 插件。在 `vite.config.js` 文件中添加以下代码： ``` import { createVuePlugin } from 'vite-plugin-vue2' // 或者 import { createVuePlugin } from 'vite-plugin-vue3' export default { plugins: [ createVuePlugin(), ], } ``` 3. 确认 Vue3 的编译器是否已安装。在终端中运行以下命令： ``` npm install @vue/compiler-sfc --save-dev ``` 4. 如果您使用了 TypeScript，请确认 TypeScript 的配置文件是否正确。在 `tsconfig.json` 文件中添加以下代码： ``` { "compilerOptions": { "target": "esnext", "module": "esnext", "strict": true, "jsx": "preserve", "sourceMap": true, "resolveJsonModule": true, "esModuleInterop": true, "lib": [ "esnext", "dom" ] } } ``` 5. 如果您的应用程序中使用了第三方库，请确认该库是否与 Vue3 兼容。如果不兼容，请尝试升级该库或使用其他库。 如果您仍然无法解决问题，请尝试在 Vue3 和 Vite 的官方文档中查找相关信息，或者在社区中寻求帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值