Javascript npm启动失败,文件中存在来自本地依赖项的意外令牌

Javascript npm启动失败,文件中存在来自本地依赖项的意外令牌,javascript,npm,dependencies,react-scripts,Javascript,Npm,Dependencies,React Scripts,我用create react app制作了第一个应用程序,其中一个组件使用了一些组件,当用npm start启动时,它工作正常 从这个应用程序中,我在一个新的nice component文件夹中提取了该nice component组件,它的package.json,该组件位于一个.js文件中,该文件导出默认组件类-在Visual Studio代码中,我可以成功地导航到它的源代码,因此,我猜设置/文件夹配置是正确的 在最终的应用程序中,一个新的应用程序仍然使用create react app创建,

我用
create react app
制作了第一个应用程序,其中一个组件使用了一些组件,当用
npm start
启动时,它工作正常

从这个应用程序中,我在一个新的
nice component
文件夹中提取了该nice component组件,它的
package.json
,该组件位于一个
.js
文件中,该文件
导出默认组件类-在Visual Studio代码中,我可以成功地导航到它的源代码,因此,我猜设置/文件夹配置是正确的

在最终的应用程序中,一个新的应用程序仍然使用
create react app
创建,我添加了nice组件作为本地依赖项(
file:../nice component
),但当我运行
npm start
时,我得到:

SyntaxError: C:\...\other-package.js: Unexpected token (83:8)

  81 |       const { classes } = this.props;
  82 |       return (
> 83 |         <Grid container className={classes.root} style={{margin:30}}>
     |         ^
SyntaxError:C:\…\other-package.js:意外标记(83:8)
81 | const{classes}=this.props;
82 |返回(
> 83 |         
|         ^
我不明白为什么会发生这种情况,似乎本地依赖项并没有带来它们自己的(可传递的)依赖项,但我在几个月前的另一个项目中成功地使用了类似的方法——虽然我没有使用
react scripts
,但我自己设置了babel、webpack等


我甚至尝试在最终的应用程序中添加所有材料ui依赖项(尽管我认为我不应该这样做),但它不起作用。

问题出乎意料的标记“嘿!它起作用了!你能分享更多的解释吗?例如,
npm start
在哪里,当组件是当前应用程序的一部分时,该组件出现故障?很抱歉,在我进行的所有测试中,我没有注意到我有cop将组件本地移植到ufinal-app。我清理了它,并使用本地依赖项中的组件返回:我得到了相同的错误,我通过以下方式获得了一些东西;基本上,组件代码必须通过babel手动/显式传输才能在其他应用程序中使用。虽然问题存在,但您已经接近了另一个包(本地依赖项);就是那个在用作依赖项之前需要进行babel传输的包。我错误地期望
NPMStart
这样做。