无法导入node_modules

Question

我试图在现有的PrimeVue核心项目中使用VueJs和Asp.Net，但无法导入模块。我想我的问题来自我的项目的配置，但我不知道如何解决它。

我的项目是在VS 2022中创建的一个asp.net核心项目。我没有特别的选择就安装了npm。在此之后，我安装了PrimeVue和PimeIcons，如它们的站点所示，即：

npm install primevue@^3.17.0 --save

npm install primeicons --save

所以我的应用程序树是这样的：

Project root folder
│   appsettings.Development.json
│   appsettings.json
│   ERP.csproj
│   package-lock.json
│   package.json
│   Program.cs
│   tsconfig.json
│       
├───node_modules
│   │   .package-lock.json   
│   ├───estree-walker        
│   ├───jquery               
│   ├───magic-string
│   ├───nanoid
│   ├───picocolors       
│   ├───postcss
│   ├───primeicons
│   ├───primevue
│   ├───source-map
│   ├───source-map-js
│   ├───sourcemap-codec
│   └───vue
├───obj
├───Properties
├───Views
└───wwwroot
    │   favicon.ico
    ├───css
    ├───js
    ├───lib   
    └───TSScripts

然后我按他们的网站上说的那样做了进口：

import PrimeVue from 'primevue/config';

import 'primeicons/primeicons.css';

但是，当我从VS启动应用程序时，我有以下错误：

Uncaught TypeError: Failed to resolve module specifier "primevue/config". Relative references must start with either "/", "./", or "../".

所以我试着：

import PrimeVue from './primevue/config';

import './primeicons/primeicons.css';

结果：

Failed to load resource: the server responded with a status of 404 () :7080/js/Partenaires/primevue/config:1

Failed to load resource: the server responded with a status of 404 () :7080/js/Partenaires/primeicons/primeicons.css:1

看起来，文件应该位于wwwroot文件夹中，而不是root/node文件夹中。

我的TypeScript文件也有类似的问题，根目录中有一个文件夹，应用程序找不到它们。我不得不移动www.root文件夹中的文件夹来解决它，而不确定这是一个好方法(请参阅：TypeScript folder is missing when launching app)

有人能解释一下我该怎么办才能解决这个问题吗？

谢谢。

菲利浦

Answer 1

以前没见过你的项目结构。请确保使用vite创建项目。遵循https://vitejs.dev/guide/#scaffolding-your-first-vite-project的指南。

老实说，只创建一个新项目就更容易了，而不是在当前的设置中发现问题。