Code Monkey home page Code Monkey logo

Comments (11)

tthzwq avatar tthzwq commented on May 3, 2024 1

不应该是import HelloWorld from '@/components/HelloWorld.vue',为什么你这里直接import组件

没有直接import组件。项目创建完成后没有改动代码, 我粘贴的是控制台打印的错误
将 vite.config.ts 文件中的 '@/': fileURLToPath(new URL('./src/', import.meta.url))
改为 '@': fileURLToPath(new URL('./src/', import.meta.url)) 就行了,难道是因为Windows系统的问题?

from create-vue.

zhanglolo avatar zhanglolo commented on May 3, 2024

不应该是import HelloWorld from '@/components/HelloWorld.vue',为什么你这里直接import组件

from create-vue.

zhanglolo avatar zhanglolo commented on May 3, 2024

不应该是import HelloWorld from '@/components/HelloWorld.vue',为什么你这里直接import组件

没有直接import组件。项目创建完成后没有改动代码, 我粘贴的是控制台打印的错误 将 vite.config.ts 文件中的 '@/': fileURLToPath(new URL('./src/', import.meta.url)) 改为 '@': fileURLToPath(new URL('./src/', import.meta.url)) 就行了,难道是因为Windows系统的问题?

Mac os 上正常。

from create-vue.

sodatea avatar sodatea commented on May 3, 2024

似乎是 / 引起的。
Vite 2 之后 alias 不需要加 /,我给忘了。

from create-vue.

tthzwq avatar tthzwq commented on May 3, 2024

似乎是 / 引起的。 Vite 2 之后 alias 不需要加 /,我给忘了。

另外使用TypeScript时,这个是不是缺少 “@types/node” 依赖
image

from create-vue.

sodatea avatar sodatea commented on May 3, 2024

是的……感谢指出

from create-vue.

zhanglolo avatar zhanglolo commented on May 3, 2024
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      // "@": fileURLToPath(new URL("./src", import.meta.url)), 
      // "@/": fileURLToPath(new URL("./src", import.meta.url)), //error
      // "@": fileURLToPath(new URL("./src/", import.meta.url)),
      // '@/': fileURLToPath(new URL('./src/', import.meta.url))
    },
  },
});

测试了这四种情况,只有第二种会报错。
@TThz-hz 你的错误能像这样再次还原吗。

from create-vue.

tthzwq avatar tthzwq commented on May 3, 2024

看一下最近的 commit,已经修复了

      // "@": fileURLToPath(new URL("./src", import.meta.url)), 
      // "@/": fileURLToPath(new URL("./src", import.meta.url)),  //error
      // "@": fileURLToPath(new URL("./src/", import.meta.url)),
      // '@/': fileURLToPath(new URL('./src/', import.meta.url))   //error

from create-vue.

zhanglolo avatar zhanglolo commented on May 3, 2024

看一下最近的 commit,已经修复了

      // "@": fileURLToPath(new URL("./src", import.meta.url)), 
      // "@/": fileURLToPath(new URL("./src", import.meta.url)),  //error
      // "@": fileURLToPath(new URL("./src/", import.meta.url)),
      // '@/': fileURLToPath(new URL('./src/', import.meta.url))   //error

有点奇怪,我本地第四种是正常进入的,组件也都能加载。

from create-vue.

tthzwq avatar tthzwq commented on May 3, 2024
'@/': fileURLToPath(new URL('./src/', import.meta.url))

Windows系统
image

from create-vue.

zhanglolo avatar zhanglolo commented on May 3, 2024

😂 Mac OS, 看样子还和系统有关?

截屏2021-11-25 21 10 05

from create-vue.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.