javascript - 找不到 App.js 模块；无法解决，编译失败

Question

我是 javaScript 新手，遇到了一个有趣的问题。这是一些上下文；我正在运行 Windows 10，节点 v15，我已经下载了 expo 并且正在使用 Visual Studio。我用来运行代码的命令是 npm start。
当我将代码添加到 app.js 的第 4 行时，就会出现问题。我正在尝试导入一个只是一个按钮的文件。代码编译并加载正常，直到我添加第 4 行。
我得到的错误如下所示；
“C:/Windows/System32/pleasework/App.js
找不到模块:无法解析“C:WindowsSystem32pleasework”
非常感谢您的任何见解!
App.js 代码

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import buttonWelcome from 'C:\Windows\System32\pleasework\node_modules\sweet.js';

export default class App extends Component() {
  render() {
  return (
    <View style={styles.container}>
      <Text style={styles.title}>Welcome</Text>
      <buttonWelcome text='Login' color='red' />
    </View>
  );
}
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: 'white',
    alignItems: 'center',
    justifyContent: 'center',
  },
  title: {
    fontSize: 32,
    textAlign: 'center',
    margin: 10,
  },
});

按钮代码，文件名是 sweet.js

import React from 'react';
import { StyleSheet, Text, View,TouchableOpacity } from 'react-native';

const buttonWelcome = props => {
    const content = (
        <View style={[style.button, {backgroundColor: props.color}]}>
            <Text style={styles.text}>{props.text}</Text>
        </View>
    )
    return <TouchableOpacity onPress={props.onPress}>{content}</TouchableOpacity>
}

const styles = StyleSheet.create({
    button: {
        padding: 16,
        width: 200,
        borderRadius: 24,
        alignItems: 'center'
    },
    text: {
        color: 'white',
        fontSize: 20
    }
})

export default buttonWelcome;

Answer 1

尝试使用正斜杠的相对 url:

import buttonWelcome from '../sweet.js';

顺便说一句，您永远不应该将源文件放在 node_modules 中 - 这仅适用于 node_modules 代码..