我已经下载了以下React Material模板 template
从documentation起采取的步骤
package.json
{
"name": "material-dashboard-react",
"version": "1.6.0",
"description": "Material Dashboard React. Coded by Creative Tim",
"private": false,
"main": "dist/index.js",
"scripts": {
"start": "NODE_PATH=./src react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject",
"install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install && npm start",
"lint:check": "eslint . --ext=js,jsx; exit 0",
"lint:fix": "eslint . --ext=js,jsx --fix; exit 0",
"build-package-css": "cp src/assets/css/material-dashboard-react.css dist/material-dashboard-react.css",
"build-package": "npm run build-package-css && babel src --out-dir dist"
},
}
答案 0 :(得分:0)
这是因为您正在使用Windows。该项目以前可能是在基于UNIX的计算机上运行的(NODE_PATH=./src
不是定义环境变量的Windows方法)。您可以使用Windows语法"start": "set NODE_PATH=./src react-scripts start",
(您的项目将无法在Unix计算机上运行)进行修复,也可以使用跨环境库来定义您的环境:https://www.npmjs.com/package/dotenv
答案 1 :(得分:0)
对于任何想知道的人,我在使用同一个模板时遇到了同样的问题,我的解决方案是按照此 link 中的指定在项目根目录中配置一个文件。
我正在使用 docker 并且我的工作目录在 /app 目录中,所以我在我的 react 根目录的 tsconfig.json 文件中添加了这一行应用文件夹:
"compilerOptions": {
...,
"baseUrl": "/app/src",
}